Vue-cli3.0配置proxy跨域 Vue-cli3.0配置proxy跨域

Vue-cli3.0配置proxy跨域


在根目录新建vue.config.js文件 
module.exports = {
  devServer: {
    proxy: {
      '^/api': {
        target: 'http://localhost:3010',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        },
        onProxyReq (proxyReq, req, res) {
          originHost = req.headers['x-forwarded-for']
          const cookie = req.headers['cookie']
          if (cookie) {
            proxyReq.setHeader('cookie', cookie)
          }
        },
        onProxyRes(proxyRes, req, res) {
           if (proxyRes.headers['set-cookie']) {
           // 域名信息与实际业务相关
             proxyRes.headers['set-cookie'] = proxyRes.headers['set-cookie'].map(v => {
              return v.replace('domain=.mufeng.me', 'domain=' + originHost.split(':')[0])
             })
          } 
        }
      }
    }
  }
}
pathRewrite重写目录,访问的是localhost:8080/api指向的就是localhost:3000/api,不重写情况下访问是localhost:3000/api/api   //根据实际情况该写


然后重启服务,将自动加载配置文件


分享本文至:

评论 0

挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论