Vue 2.0允许跨域携带cookie

场景：后台在response header中写入cookie，当前端发送请求时，带cookie请求，后台根据cookie的有效期判断当前登录状态是否超时。 1、前端未做配置之前，header信息，如下图： 2、如何配置？ 首先，需要再main.js文件中引入 import VueResource from 'vue-resource'；Vue.use(VueResource); 其次， Vue.http.options.xhr = { withCredentials: true };
Vue.http.options.emulateJSON = true; Vue.http.options.crossOrigin = true; Vue.http.interceptors.push(function(request, next) {//拦截器 // 跨域携带cookie request.credentials = true; next() }) 说明一下，如果不引入 vue-resource ，在这里会报错options undefined； 经过几番询问度娘，基本的跨域携带cookie前端配置，大多都是这种思路，但是，截止目前为止在request header里还是没有找到cookie的身影； 但是当，更改跨域属性的方式改成 axios.defaults.withCredentials = true;在 request header 中就有了cookie字段，推测是因为使用的是vue2.0 版本，http 请求的写法是，this.$axios.get/post… ，所以在添加withCredentials属性时，要使用第二种方式。 3、 参考1：https://www.cnblogs.com/congxueda/p/7123034.html 参考2：https://blog.csdn.net/bobobocai/article/details/81557198