解决：The ‘Access-Control-Allow-Origin‘ header contains multiple values‘x, *‘, but only one is allowed.

前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。

跨域问题报错：

Access to XMLHttpRequest at 'http://xx.xx.xx.xx/getUser' from origin
'http://ergouzi.fun' has been blocked by CORS policy:
The 'Access-Control-Allow-Origin' header contains multiple values
'http://ergouzi.fun, *, http://ergouzi.fun', but only one is allowed.

1. 为了解决跨域问题，我在服务端代码中加了个过滤器：

package gentle.filter;import javax.servlet.*;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;/*** 解决跨域设置* （可把此设置放在 nginx 中，但只能设置一处）** @author silence* @date 2018/12/11 15:19*/@WebFilter(filterName = "requestFilter", urlPatterns = {"/*"})
public class RequestFilter implements Filter {@Overridepublic void init(FilterConfig filterConfig) throws ServletException {}@Overridepublic void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {HttpServletResponse response = (HttpServletResponse) servletResponse;HttpServletRequest request = (HttpServletRequest) servletRequest;// 此处 setHeader、addHeader 方法都可用。但 addHeader时写多个会报错：“...,but only one is allowed”// response.setHeader("Access-Control-Allow-Origin", "*");response.addHeader("Access-Control-Allow-Origin", request.getHeader("origin"));// 解决预请求（发送2次请求），此问题也可在 nginx 中作相似设置解决。response.setHeader("Access-Control-Allow-Headers", "x-requested-with,Cache-Control,Pragma,Content-Type,Token, Content-Type");response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");response.setHeader("Access-Control-Max-Age", "3600");response.setHeader("Access-Control-Allow-Credentials", "true");String method = request.getMethod();if (method.equalsIgnoreCase("OPTIONS")) {servletResponse.getOutputStream().write("Success".getBytes("utf-8"));} else {filterChain.doFilter(servletRequest, servletResponse);}}@Overridepublic void destroy() {}}

2. 同时在 nginx 中也作了相关配置：

add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, PUT, DELETE';
add_header 'Access-Control-Allow-Headers' 'Content-Type';
...

3. 运行报错如题。

4. 解决：此错表示设置重复，只允许设置一种，去除多余设置，保留一种即可。选择第1点中方法，或者第2点中方法都可以。

----------------------------------------------------------------------------

跨域相关知识点解说： https://blog.csdn.net/jiangyu1013/article/details/84315748

PS 跨域问题解决也见文章：解决跨域问题：No 'Access-Control-Allow-Origin' header is present on the requested resource.

解决：The ‘Access-Control-Allow-Origin‘ header contains multiple values‘x, *‘, but only one is allowed.相关推荐

解决The‘Access-Control-Allow-Origin‘ header contains multiple values‘*, ....‘, but only one is allowed
报错内容: Access to XMLHttpRequest at 'http://www.z........n.com/api/login' from origin 'http://z....... ...
Spring Cloud Zuul The 'Access-Control-Allow-Origin' header contains multiple values
撸了今年阿里.头条和美团的面试,我有一个重要发现.......>>> 发布Spring Cloud Zuul的时候,前端遇到如下错误: The 'Access-Control-Al ...
php access control allow origin,js请求跨域问题--Access-Control-Allow-Origin
在前台调试的时候出现XMLHttpRequest cannot load http://www.xx.com/Action/Index.php?Action=11. No 'Access-Contro ...
The ‘Access-Control-Allow-Origin‘ header contains multiple values
此错误表明我们我们进行了多个跨越配置的处理,而系统之认一个,所以需要删除,只留下一个就好. 1 gateway网关配置 2@CrossOrigin 注解 3 所引入的文件中带有对跨越的处理 4ngin ...
关于Springboot中跨域问题的解决(Response to preflight request doesn‘t pass access control check)
Springboot中跨域问题的解决等不及的小伙伴,直接跳到结论部分即可,谢谢!!! 1. 背景 1.1 使用技术栈 Spring Security Springboot Vue.axios Jwt ...
关于跨域 Response to preflight request doesn‘t pass access control check
做项目的时候由于访问了不同的服务器,然后导致了跨域问题,报错情况为: has been blocked by CORS policy: Response to preflight request do ...
Response to preflight request doesn‘t pass access control check: The value of the ‘Access-Control-Al
错误:Response to preflight request doesn't pass access control check: The value of the 'Access-Control ...
GO + React + Axios Response to preflight request doesn't pass access control check: It does not hav
使用Go + Reat 使用 Axios 请求后端, 出现: Access to XMLHttpRequest at 'http://127.0.0.1:20002/v1/user/login' fr ...
Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Origin跨域问题
出现问题:在本地运行,有配置vue.config.js中的proxy,所以解决了跨域问题.但将项目打包放到服务器上去,在打包的过程中,proxy是不会被打包进去的,也就是说代理所配置的跨域就已经失效了 ...

解决：The ‘Access-Control-Allow-Origin‘ header contains multiple values‘x, *‘, but only one is allowed.

解决：The ‘Access-Control-Allow-Origin‘ header contains multiple values‘x, *‘, but only one is allowed.相关推荐

最新文章

热门文章