Saber 酱的抱枕

在 VUE-CLI 中，环境变量指的是 process.env 中的属性。这里面有一些预定义的环境变量，如果我们想添加一些自定义的环境变量，可以这么做：

建立一个 .env 文件，在里面设置要定义的环境变量，名字以 VUE_APP_ 开头，如：

VUE_APP_NAME = saber

注意这不需要使用 js 语法，直接设置键值对即可。

设置之后，在 VUE 的 js、ts 里就可以使用这个环境变量了，如：

console.log(process.env.VUE_APP_NAME)

如果想让自定义的的环境变量只在指定模式生效，可以参考文档，建立其他模式中使用的 .env 文件。

参考：
https://cli.vuejs.org/zh/guide/mode-and-env.html

VUE-CLI 中自定义环境变量

在 VUE_CLI 项目中配置路由时，例如有如下代码：

export default new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    {
      name: 'index',
      path: '/',
      component: Index
    }
  ]
})

base: process.env.BASE_URL 这个参数令我疑惑，花了点时间才搞清楚。

默认情况下，这个 BASE_URL 并不需要特意配置。它默认会是空字符串 ''，等于没有实际作用。

如果要配置 BASE_URL，需要在项目根目录创建 vue.config.js 文件，在里面设置 publicPath。
Read More →

VUE-CLI 的 process.env.BASE_URL