多环境变量配置

vuecli3.0搭建的vue项目。配置多个环境变量

新建两个或多个文件,和package.json同级;例如:.env.dev,.env.prod
多环境变量配置
文件内容:
多环境变量配置
多环境变量配置
在网络请求的地方设置接口环境,也可以在页面中输出

console.log(process.env.VUE_APP_API_URL);

多环境变量配置
最后在package.json中配置(名字要相同):
多环境变量配置

打包命令:npm run build:dev(就是.env.dev文件中设置的接口域名)
npm run build:prod(.env.prod文件中设置的接口域名)
运行命令:npm run dev;npm run prod(同理打包);

上一篇:配置环境变量


下一篇:数据库系统实训——实验二——单表查询