vue3.x项目利用反向代理打包时报错

vue3.x中利用反向代理解决跨域

这里是没有问题的

但是 这种解决跨域的办法只能在开发环境下有效，

一旦打包之后请求数据的网址就会无效

 

在vue2.x中 只需要在config文件里做修改即可

但是 在3.x中由于轻量级 导致config 文件不存在了。

所以要改开发环境时需要在根目录下新建一个文件

比如 .env.gray

在这个文件里面写

NODE_ENV = 'gray' //这里写的是等下在package.json下增加的运行变量
VUE_APP_URL = 'http://xxxxx' //这里写请求的网址

最后在package.json中

增加一个属性

然后在运行npm run gray打包 访问本地路径时就可以了

官方文档链接https://cli.vuejs.org/zh/guide/mode-and-env.html#%E7%A4%BA%E4%BE%8B%EF%BC%9Astaging-%E6%A8%A1%E5%BC%8F