如何在VueCLI 3中全局获取`webpack.config.js`或`vue.config.js`文件数据

Question

我正在研究VueCLI 3.0开发的项目。我已经在根目录中创建了一个配置文件，并将其命名为vue.config.js。我已经定义了自定义配置。但是每次我必须将此文件加载到每个component文件中才能使用它。是否有任何方法或选项可以在每个js文件和component中全局获取。

我是VueCli的新手。

这里是我的vue.config.js文件：-

// vue.config.js
module.exports = {
      api : {
          server: 'http//:192.168.0.1'
      }
  }

在我的App.vue中-我想通过这种方式访问​​。

<script>
export default{
  mounted(){
    console.log(api.server)
  }
}
</script>

请帮助我，并提供建议

Answer 1

不建议直接使用vue.config.js中的数据。如果您有一些基于环境的变量，请使用Modes and Environment Variables。