Vue-cli3.0配置proxy跨域
首页 > >    作者:lininn   2018年11月23日 10:16 星期五   热度:1760°   百度已收录  
时间:2018-11-23 10:16   热度:1760° 


在根目录新建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   //根据实际情况该写


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


二维码加载中...
本文作者:lininn      文章标题: Vue-cli3.0配置proxy跨域
本文地址:?post=265
版权声明:若无注明,本文皆为“覆手为雨”原创,转载请保留文章出处。
分享本文至:

返回顶部    首页    手机版本    后花园   会员注册   
版权所有:覆手为雨    站长: lininn