vue怎么让接口带上cookie_vue踩坑(二):跨域以及携带cookie

最近后台需求要在请求的时候传cooki给后台，正常情况下拿到cookie后存在cookie里，同域名下是会自己带到请求头里的，但是因为要在本地调试，那么问题就来了，localhost:8080下面的cookie是不会带到线上的请求头里的，于是问题产生了，好了废话不多说，看看我踩坑的过程吧，希望对大家有所帮助。

首先我在main.js里面加了这么一段代码

这段代码我网上搜了下 说是叫拦截器，意思就是你可以在所有的接口请求之前 可以先执行你的方法，比如说:我后返回401是没有登录，那么我就可以在next里面写一个跳转，在没有登录的时候 跳转到登录页面。上面的request.credentials = true;这句代码的解释是 允许跨域携带cookie。这样处理完了我去查看我的接口请求，结果发现 cookie是带上了，但是又来了一个新的问题，那就是之前后台设置的允许所有跨域失效了(Access-Control-Allow-Origin:*)也就是所有的接口又产生了跨域请求。

2.解决新问题 跨域

在config文件新建一个 proxyConfig.js  配置内容如下：

module.exports = {

proxyList: {

'/': {

// 测试环境

target: 'http://bcwap.lanrentool.com', // 接口域名

changeOrigin: true, //是否跨域