nginx跨域+vue的withCredentials

2022-01-12 18:03:13 阅读：167 来源： 互联网

标签：Control vue 跨域 header Access nginx add Allow true

vue中配置了

axios.defaults.withCredentials = true

服务器在header中响应的是

access-control-allow-orgin: *

在vue中如上设置了withCredentials=true后，请求时需要指定路径或者服务器进行指定路径的修改，在nginx中的配置文件主要设置如下规则，其它header项根据业务需要配置

主要是add_header 'Access-Control-Allow-Origin' $http_origin和add_header 'Access-Control-Allow-Credentials' true

location ^~ /{
	add_header 'Access-Control-Allow-Origin' $http_origin; #这里必须指定为$http_orgin，明确指定可以跨域请求的域名，替代*
	add_header 'Access-Control-Allow-Headers' 'Cookie, DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
	add_header 'Access-Control-Allow-Credentials' true;#此项配合上一个header携带cookie等信息
	add_header 'Access-Control-Allow-Methods' "GET,POST,PUT,DELETE,OPTIONS";
	if ($request_method = 'OPTIONS'){
            return 204; #预检请求返回此code
	}
....
......
........
..........
}

标签：Control,vue,跨域,header,Access,nginx,add,Allow,true
来源： https://www.cnblogs.com/aluna/p/15793727.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

nginx跨域+vue的withCredentials