一、配置代理表解决跨域问题
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”都需要修改)