最近在用vue重构项目,遇到一个问题,用proxyTable可以实现登录,但是登录后却不能获取数据,后台老是返回重定向的指令,原因是没有把cookie带过去。
原先代码
//config/index.js
proxyTable: {
    '/api': {
        target: 'http://localhost/hyhy/',//设置你调用的接口域名和端口号 别忘了加http
        changeOrigin: true,
        pathRewrite: {
            '^/api': '/'//这里理解成用‘/api’代替target里面的地址,后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/user/add',直接写‘/api/user/add’即可
        }
    }
},
//config/dev.env.js
module.exports = merge(prodEnv, {
    NODE_ENV: '"development"',
    // BASE_API: '"https://easy-mock.com/mock/5950a2419adc231f356a6636/vue-admin"',
    BASE_API: '"/api"',
})


注意到set-cookie那一行有path=/hyhy,说明这个cookie是有范围限制的,只能在/hyhy下才会带上
所以把上面加粗/api全部改为/hyhy就可以实现跨域带cookie了
Logo

前往低代码交流专区

更多推荐