vue跨域的session问题

webpack 同时被 2 个专栏收录
1 篇文章 0 订阅
1 篇文章 0 订阅

vue跨域的session问题

在开发vue2项目的时候遇到了session一直被重置的问题,发现是跨域引起的,简单的说就是前端的服务和后台的服务的session不能同步起了冲突。


解决方案

在webpack.dev.config.js中做如下配置(主要是proxy的onProxyRes方法,其他配置仅做参考),原理是直接修改JSESSIONID的Path为/,使其保持一致。

    devServer: {
        contentBase: "./",
        hot: true,
        open: true,
        compress: true,
        port: 8000,
        proxy: {
            '/api': {
                // 接口代理
                target: `http://test.hz-huanshi.com/`,
                changeOrigin: true,
                secure: false,
                pathRewrite: {
                    '^/api': ''
                },
                onProxyRes(proxyRes, req, res) {
                    var cookies = proxyRes.headers['set-cookie']
                    if (cookies == null || cookies.length == 0) {
                        delete proxyRes.headers['set-cookie']
                        return
                    }
                    for (var i = 0,n = cookies.length; i < n; i++) {
                        if(cookies[i].match(/^JSESSIONID=[^;]+;[\s\S]*Path=\/[^;]+/)){
                            cookies[i] = cookies[i].replace(/Path=\/[^;]+/,'Path=/');
                        }
                    }

                    proxyRes.headers['set-cookie'] = cookies;
                }
            },
            historyApiFallback: true
        }
    }
  • 2
    点赞
  • 0
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值