vue 跨域请求 怎么带上cookies
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 跨域请求 怎么带上cookies相关的知识,希望对你有一定的参考价值。
参考技术A 这是跨域问题,先把这个内容看完,否则你这个东西改起来无从下手。 简单来说,就是“非简单请求”在跨域时,浏览器会默认自动帮你发一个OPTIONS请求,到服务器端请求服务器确认该请求的合法性,服务器端必须得有相应的路由处理该请求java Ajax跨域请求COOKIE无法带上的解决办法
1.web.xml加入以下节点,,一定放在第一个filter
<!--目录下所有文件可以跨域Begin--> <filter> <filter-name>CorsFilter</filter-name> <filter-class>org.apache.catalina.filters.CorsFilter</filter-class> </filter> <filter-mapping> <filter-name>CorsFilter</filter-name> <url-pattern>/*</url-pattern> </filter-mapping>
2.ajax添加参数
原生ajax请求方式:
var xhr = new XMLHttpRequest(); xhr.open("POST", "http://xxxx.com/demo/b/index.php", true); xhr.withCredentials = true; //支持跨域发送cookies xhr.send();
jquery的ajax的post方法请求:
$.ajax({
type: "POST", url: "http://xxx.com/api/test", dataType: ‘jsonp‘, xhrFields: { withCredentials: true }, crossDomain: true,
success:function(){
},
error:function(){
}
})
这二个参数都要加:
xhrFields: {withCredentials: true}, crossDomain: true,
另外的一个问题:
js跨域调用,Iframe子页跨域调父页的js方法
在子页和父页设置document.domain = ‘abc.com‘;//本地就用locahost
以上是关于vue 跨域请求 怎么带上cookies的主要内容,如果未能解决你的问题,请参考以下文章