如何在VueCLI 3中全局获取"webpack.config.js"或"vue.conf

Question

我正在进行一个由VueCLI3.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中的数据。如果您有一些基于环境的变量，请使用模式和环境变量。

Answer 2

即使需要，也不推荐使用此方法。

import vueconfig from "./../vue.config.js";
new Vue({
data:{
config
}
})

请记住，我们不能在vue.config.js中定义自定义数据，请参阅，如果您想要自定义配置，请重命名文件。