vue项目打包后怎么使用系统环境变量

您好，关于您的问题，您可以在vue.config.js文件中配置Webpack的DefinePlugin，以将系统环境变量注入到应用程序中。下面是一个简单的示例：

const webpack = require('webpack')

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

在上面的示例中，我们创建了一个名为“API_URL”的环境变量，并将其注入到Vue应用程序中。

您可以在命令行界面中运行以下命令，将您的环境变量设置为“API_URL”：

$ export API_URL=http://your-api-url.com

使用上述方法配置环境变量后，您可以在应用程序中使用$process.env.API_URL来访问它。例如，在Vue组件中，您可以这样访问它：

export default {
  created() {
    console.log(process.env.API_URL)
  }
}

希望这可以回答您的问题。