多环境变量配置详解

最新推荐文章于 2023-09-11 12:13:00 发布

迪邦尼

最新推荐文章于 2023-09-11 12:13:00 发布

阅读量901

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/Zgtby/article/details/117461564

版权

本文详细介绍了Vue项目的多环境变量配置，包括如何新建.env.production、.env.development和.env.staging文件，以及如何根据不同的环境加载相应的配置。通过npm run命令启动不同环境，并在config/index.js中设置变量。在测试环境时，需额外配置vue.config.js。

摘要由CSDN通过智能技术生成

一、配置多个环境变量

新建两个或多个文件，和package.json同级；例如：.env.production、.env.development
通过 npm run serve 启动本地 , 执行 development
通过 npm run stage 打包测试 , 执行 staging
通过 npm run build 打包正式 , 执行 production

 
"scripts": {
   
  "serve": "vue-cli-service serve --open",
  "stage": "vue-cli-service build --mode staging"

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

迪邦尼

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
多环境变量配置详解

vuecli3.0搭建的vue项目。配置多个环境变量新建两个或多个文件，和package.json同级；例如：.env.dev，.env.prod通过 npm run serve 启动本地 , 执行 development通过 npm run stage 打包测试 , 执行 staging通过 npm run build 打包正式 , 执行 production "scripts": { "serve": "vue-cli-service serve --open", "stage":
复制链接

扫一扫