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

Question

我用 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值设置在哪里？

Answer 1

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

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

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