vue2 如何使用环境变量

在 Vue2 中，你可以使用 webpack 的 DefinePlugin 插件来定义环境变量，然后在代码中使用它们。以下是具体步骤：

1. 在 webpack 配置中，添加以下插件：

const webpack = require('webpack')

module.exports = {
  // ...
  plugins: [
    new webpack.DefinePlugin({
      'process.env': {
        NODE_ENV: JSON.stringify(process.env.NODE_ENV),
        API_URL: JSON.stringify(process.env.API_URL)
      }
    })
  ]
}

这里我们定义了两个环境变量 NODE_ENV 和 API_URL，并将它们赋值给 process.env 对象。

2. 在代码中使用环境变量：

// 获取 NODE_ENV 环境变量
const isProduction = process.env.NODE_ENV === 'production'

// 获取 API_URL 环境变量
const apiUrl = process.env.API_URL

这样就可以在代码中使用环境变量了。值得注意的是，环境变量的值必须使用 JSON.stringify() 方法转换成字符串，否则在代码中使用时会出现错误。