Vue CLI - 在 Vue.js 项目根目录中找不到 .env 文件

【问题标题】：Vue CLI - no .env file found in Vue.js project rootVue CLI - 在 Vue.js 项目根目录中找不到 .env 文件
【发布时间】：2020-04-22 22:19:36
【问题描述】：

我用 Vue CLI 4.1.2 创建了一个项目，在 router/index.js 里面，我发现：

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

项目根目录中没有.env 文件。那么process.env.BASE_URL 是什么意思呢？ BASE_URL 值设置在哪里？

【问题讨论】：

标签： vue.js environment-variables development-environment production-environment vue-cli-4

【解决方案1】：

process.env 是一个包含用户在 Node.js 中的环境变量的属性。 .env 是一个可选文件，可以在 Vue CLI 项目中用于创建额外的环境变量。请注意，您还可以创建 .env.production 和 .env.development 文件来设置特定于当前构建模式的变量。

BASE_URL 是 Vue CLI 在运行 serve 或 build NPM 脚本时自动设置的环境变量。它的默认值为/，但可以在<projectRoot>/vue.config.js 中使用baseUrl（已弃用）或publicPath 设置进行配置：

// vue.config.js
module.exports = {
  publicPath: '/my-app/'
}

【讨论】：

Vue Cli 项目中的属性process.env 设置在哪里？
Node 运行时设置该属性。这是 Node 的一个特性，而不是 Vue CLI。