Javascript 如何在VueCLI 3中全局获取`webpack.config.js`或`vue.config.js`文件数据
我正在从事一个由VueCLIJavascript 如何在VueCLI 3中全局获取`webpack.config.js`或`vue.config.js`文件数据,javascript,vue.js,vue-cli-3,Javascript,Vue.js,Vue Cli 3,我正在从事一个由VueCLI3.0开发的项目。我在根目录中创建了一个配置文件,名为vue.config.js。我已经定义了自定义配置。但每次我都要在每个组件中加载这个文件才能使用它。在每个js文件和组件中是否有全局获取的方法或选项 我是VueCli的新手 这里是我的vue.config.js文件:- // vue.config.js module.exports = { api : { server: 'http//:192.168.0.1' }
3.0
开发的项目。我在根目录中创建了一个配置文件,名为vue.config.js
。我已经定义了自定义配置。但每次我都要在每个组件中加载这个文件才能使用它。在每个js
文件和组件中是否有全局获取的方法或选项
我是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>
导出默认值{
安装的(){
console.log(api.server)
}
}
请帮助我并给出建议不建议直接使用vue.config.js
中的数据。如果您有一些基于环境的变量,请使用。它不是推荐的方法,即使您需要这样做,也可以尝试一下
import vueconfig from "./../vue.config.js";
new Vue({
data:{
config
}
})
请记住,我们不能在vue.config.js
中定义自定义数据,请参阅,如果您希望自定义配置重命名该文件 请参考@PRAJINPRAKASH,这不起作用。实际上,这vue.config.js
是由vu cli服务使用的
它在vue
中没有任何引用,如果您想让它更简单,除了ENV
其他变量,我如何获取它们。