vue2如何配置process.env.VUE_APP_BASE_AP路径和使用，举个例子

配置 `process.env.VUE_APP_BASE_API` 的方式有两种：

1. 在 `.env` 文件中配置

在项目的根目录下新建 `.env` 文件，并添加以下内容：

VUE_APP_BASE_API=http://localhost:3000/api

注意：`VUE_APP_BASE_API` 必须以 `VUE_APP_` 开头，这是 Vue CLI 的约定。

2. 在 `vue.config.js` 中配置

在 `vue.config.js` 中添加以下配置：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/api'
        }
      }
    }
  },
  chainWebpack: config => {
    config.plugin('define').tap(args => {
      const env = args[0]['process.env']
      env['VUE_APP_BASE_API'] = JSON.stringify(process.env.VUE_APP_BASE_API)
      return args
    })
  }
}

这里使用了 Vue CLI 提供的 `chainWebpack` 配置函数，将 `VUE_APP_BASE_API` 添加到 `process.env` 中。

使用 `process.env.VUE_APP_BASE_API` 的方式如下：

axios.get(`${process.env.VUE_APP_BASE_API}/users`)
  .then(response => console.log(response))
  .catch(error => console.log(error))

这里使用了 axios 发送 GET 请求，并在 URL 中使用了 `process.env.VUE_APP_BASE_API`。