vuecli3.0搭建的vue项目。配置多个环境变量
新建两个或多个文件,和package.json同级;例如:.env.dev,.env.prod
![](https://img.haomeiwen.com/i14723998/e28bad82fd1a3ca3.png)
文件内容:
![](https://img.haomeiwen.com/i14723998/965dd33f48ffda52.png)
![](https://img.haomeiwen.com/i14723998/16f228f60ef5beca.png)
在网络请求的地方设置接口环境,也可以在页面中输出console.log(process.env.VUE_APP_API_URL);
![](https://img.haomeiwen.com/i14723998/fd99d3414ad3a3f3.png)
最后在package.json中配置:
![](https://img.haomeiwen.com/i14723998/08e69ce4666a7029.png)
打包命令:npm run build:dev(就是.env.dev文件中设置的接口域名)
npm run build:prod(.env.prod文件中设置的接口域名)
运行命令:npm run dev;npm run prod(同理打包);
网友评论