关于process.env.VUE_APP_BASE_URL的使用

process.env.VUE_APP_BASE_URL

是一个 Vue.js 中使用的环境变量，可以用来存储一个应用的基本URL地址，例如 API 服务器的地址。

    在 Vue CLI 3 以上的版本中，当你在项目根目录下创建一个名为 

.env.[mode]

的文件；其中 [mode] 是你的模式名称，例如

.env.development

，并在其中设置

VUE_APP_BASE_URL

的值，那么这个值就会被自动注入到项目中。如下：

    在这里我们创建了一个 

.

env

.

dev 和

.

env

.

production

以

.

env

.

production为例：

// 在.env.production文件中

NODE_ENV='production'
VUE_APP_TITLE='prod'
/* 请求接口地址 */
VUE_APP_BASE_URL = 'https://lxxx.sxxx.com'

在这个配置中，

NODE_ENV='

production' 表示当前运行的环境是开发环境。

NODE_ENV

的值可以是

development

、

production

或

test

，用于区分不同的环境。

Vue.js 会根据

NODE_ENV

的值，自动加载对应的环境配置文件，例如

.env.development

或

.env.production

。

另外，

VUE_APP_TITLE='loc'

则是一个自定义的环境变量。这个变量可以在 Vue.js 代码中通过

process.env.VUE_APP_TITLE

访问到。

    你可以在 Vue.js 项目的任何地方通过 

process.env.VUE_APP_BASE_URL

访问到这个值。

在运行项目时，你可以使用

--mode

参数来指定使用哪个环境文件，例如：

// 在package.json文件中

  "scripts": {
    "dev": "vue-cli-service serve --mode dev",
    "build": "vue-cli-service build --mode production"
  },