Vue CLI4中如何配置环境变量和模式，实现不同环境下的代码差异化运行？

本文共计919个文字，预计阅读时间需要4分钟。

本文简要介绍了Vue CLI 4下的环境变量和模式示例，分享给读者，具体如下：

官方文档 + 环境变量 + 一个环境变量文件内容：包含环境变量的键值对- NODE_ENV=development- VUE_APP_BASE_URL=http://127.0.0.1:8080

本文介绍了vue cli4下环境变量和模式示例详解，分享给大家，具体如下：

官方文档

环境变量

一个环境变量文件只包含环境变量的键值对：

NODE_ENV=development VUE_APP_BASE_URL=127.0.0.1:8080/

注意：

• NODE_ENV - 是 “development”、“production” 、"test"或者自定义的值。具体的值取决于应用运行的模式
• BASE_URL - 会和 vue.config.js 中的 publicPath 选项相符，即你的应用会部署到的基础路径
• 除了 NODE_ENV 和 BASE_URL，其他的环境变量必须以 VUE_APP_ 开头
• 项目中使用：process.env.环境变量名，eg：VUE_APP_BASE_URL

模式

模式是 Vue CLI 项目中一个重要的概念。