Vue2 脚手架项目内置环境变量详解

在 Vue2 脚手架项目中，内置了以下环境变量：

1. 'NODE_ENV'：当前环境的名称，如'development'、'production'等。
2. 'BASE_URL'：应用程序的基本URL路径。
3. 'VUE_APP_*'：自定义环境变量，以'VUE_APP_'开头。可以在代码中通过 process.env 访问这些变量。例如，'VUE_APP_API_URL' 表示 API 的 URL 地址。

这些环境变量可以在 package.json 文件中的'scripts' 部分中设置，例如：

"scripts": {
  "dev": "vue-cli-service serve",
  "build": "vue-cli-service build",
  "test": "vue-cli-service test",
  "lint": "vue-cli-service lint",
  "start": "npm run dev",
  "build:prod": "cross-env NODE_ENV=production BASE_URL=/myapp/ VUE_APP_API_URL=https://api.example.com/api/ vue-cli-service build"
}

在上面的例子中，我们设置了 'NODE_ENV' 为'production'，'BASE_URL' 为'/myapp/'，'VUE_APP_API_URL' 为'https://api.example.com/api/'。这样在构建应用程序时就可以使用这些变量了。