配置多环境变量

最新推荐文章于 2023-07-06 14:29:25 发布

云上@流

最新推荐文章于 2023-07-06 14:29:25 发布

阅读量372

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/weixin_53571388/article/details/112219144

版权

本文介绍了如何配置多环境变量，包括在启动命令中配置执行不同环境，创建.env文件，src目录下建立config文件夹，并在封装的请求接口中引入环境变量。详细步骤包括：通过环境变量开关执行不同环境的操作，项目根目录创建.env文件以区分开发、测试和正式环境，以及在src/config中管理环境变量。

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

配置多环境变量

1、在`package.json`里的 `scripts` 配置 `serve` `stage` `build`，过 `--mode xxx` 来执行不同环境

通过 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",
  	"build": "vue-cli-service build",
}

配置介绍
以 VUE_APP_ 开头的变量，在代码中可以通过 process.env.VUE_APP_访问。
比如,VUE_APP_ENV = 'development'通过process.env.VUE_APP_ENV 访问。
除了 VUE_APP_* 变量之外，在你的应用代码中始终可用的还有两个特殊的变量NODE_ENV 和