Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在VueCLI 3中全局获取`webpack.config.js`或`vue.config.js`文件数据_Javascript_Vue.js_Vue Cli 3 - Fatal编程技术网

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

Javascript 如何在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' }

我正在从事一个由VueCLI
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
其他变量,我如何获取它们。