vue2 process

在 Vue 2 中，你可以使用 `process.env` 对象来访问环境变量。`process.env` 是 Node.js 提供的全局对象，用于访问当前进程的环境变量。

要在 Vue 2 中使用 `process.env`，你需要通过 Webpack 的 DefinePlugin 来设置环境变量。以下是一个示例：

1. 在你的项目根目录下创建一个 `.env` 文件，并在其中定义你的环境变量。例如：

VUE_APP_API_URL=http://example.com/api

2. 在你的 Vue 项目的配置文件（如 `vue.config.js`）中添加以下代码：

const webpack = require('webpack');

module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.DefinePlugin({
        'process.env': {
          API_URL: JSON.stringify(process.env.VUE_APP_API_URL)
        }
      })
    ]
  }
};

这段代码将会使用 DefinePlugin 插件将环境变量注入到你的应用程序中，使其可以在 Vue 组件中使用。

3. 在你的 Vue 组件中，可以通过 `process.env` 来访问你定义的环境变量。例如：

export default {
  created() {
    console.log(process.env.API_URL); // 输出 http://example.com/api
  }
}

这样，你就可以在 Vue 2 中使用 `process.env` 来访问和使用环境变量了。请确保在定义环境变量时，以 `VUE_APP_` 开头，这样它们才会被自动注入到项目中。