配置vue.config.js文件解决跨域问题

262 阅读1分钟

一、配置代理表解决跨域问题

module.exports = {
  lintOnSave: fales,//关闭eslint检查
  assetsDir: 'static',
  devServer: {
    https: true,//允许https代理
    proxy: {
      '/GW': {
        ws: false,
        //target'http://10.111.116.8:xxx/'// 测试(换成自己的测试环境)
        target: 'http://10.111.117.10:xxx/'//正式(换成自己的正式环境)
        changeOrigin: true,
        pathRewrite: {
          '^/GW'''
        }
      }
    }

  },
}

二、用的时候只需要修改以下三个地方:

1、在项目文件夹下创建vue.config.js文件,这个文件名字是固定的不能变;

2、把上方的配置代码复制到你创建的vue.confing.js文件中;

3、修改需要改的地方;

(1)测试服务器地址:“http://10.111.116.8:xxx/” 改成自己项目的测试服务器地址;

(2)正式服务器地址:“http://10.111.117.10:xxx/” 改成自己项目的正式服务器地址;

(3)“/GW":换成自己项目后台或者运维配置的nginx代理名称;(这个可以询问后台或者运维,或者让后台帮你把"/GW"配置到nginx文件中去。)(两个“/GW”都需要修改)