vue.config.js文件传变量给项目中全局使用

Vue项目中，vue.config.js文件是Webpack构建工具的配置文件。我们可以在该文件中进行一些列配置，比如设置代理、修改webpack配置等等。而传递变量给项目中全局使用也是vue.config.js文件的一个重要功能。

将变量传递给项目中全局使用，可以使用Vue的内置变量API——process.env。在vue.config.js文件中，我们可以对process.env进行修改，从而实现变量的传递。例如，在vue.config.js文件中添加以下代码：

process.env.VUE_APP_BASE_URL = "/api/";

这个代码的作用是将字符串“/api/”赋值给VUE_APP_BASE_URL变量。VUE_APP_BASE_URL是Vue提供的内置变量，它可以在项目中全局使用。在组件中可直接通过this.$env.VUE_APP_BASE_URL来获取该变量的值。

除了Vue提供的内置变量以外，我们还可以通过webpack的DefinePlugin插件来传递变量。可以在vue.config.js文件的configureWebpack字段中加上以下配置，实现传递一个名为VAR_NAME的变量。

const webpack = require('webpack')
module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.DefinePlugin({
        "VAR_NAME": JSON.stringify("var_value")
      })
    ]
  }
}

在项目中，我们可以通过VAR_NAME来获取该变量的值。

总之，在vue.config.js文件中传递变量给项目中全局使用，是一件非常简单的事情。我们可以通过Vue内置变量API或者webpack的DefinePlugin插件，实现变量的传递。这样可以方便我们在项目中再任何地方使用该变量，避免了重复定义变量的麻烦。