Как глобально получить данные файла `webpack.config.js` или` vue .config.js` в VueCLI 3

Question

Я работаю над проектом, который разрабатывает VueCLI 3.0. Я создал файл конфигурации в root и назвал его vue.config.js. Я определил свою пользовательскую конфигурацию. но каждый раз, когда мне нужно загрузить этот файл в каждый файл component, чтобы использовать его. Есть ли способ или возможность получить глобально в каждом файле js и component.

Я новичок ie в 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

Это не рекомендуемый метод , даже если вам нужно сделать это, просто попробуйте это.

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

одна вещь, которую вы помните, мы не можем определить пользовательские данные в vue.config.js см. this , если вы хотите, чтобы пользовательские настройки переименовали файл.

Answer 2

Не рекомендуется использовать данные в vue.config.js напрямую. Если у вас есть некоторые переменные в зависимости от среды, используйте Режимы и переменные среды .