Javascript

nginx跨域+vue的withCredentials

本文主要是介绍nginx跨域+vue的withCredentials,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

vue中配置了

axios.defaults.withCredentials = true

服务器在header中响应的是

access-control-allow-orgin: *

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

主要是add_header 'Access-Control-Allow-Origin' $http_originadd_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
	}
....
......
........
..........
}
这篇关于nginx跨域+vue的withCredentials的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!