我想知道是否可以让Vue应用读取外部配置文件.我想象我在其中部署应用程序,将应用程序与配置文件一起发布;此时,应该可以在不必重新构建整个应用程序的情况下更改外部文件中的配置.有什么方法可以达到这个结果吗?现在我使用的是一个单独的Vuex应用store ,但如果不重建整个应用程序,我就无法更改配置.
我忘了提到这个项目是用Vue CLI制作的.
我想知道是否可以让Vue应用读取外部配置文件.我想象我在其中部署应用程序,将应用程序与配置文件一起发布;此时,应该可以在不必重新构建整个应用程序的情况下更改外部文件中的配置.有什么方法可以达到这个结果吗?现在我使用的是一个单独的Vuex应用store ,但如果不重建整个应用程序,我就无法更改配置.
我忘了提到这个项目是用Vue CLI制作的.
您可以从公用文件夹获取config.json
,然后在resolve回调中加载Vue应用
将配置密钥放入/public/config.json
个文件中
{
"KEY": "value"
}
然后在你的/src/main.js
文件中
fetch(process.env.BASE_URL + "config.json")
.then((response) => response.json())
.then((config) => {
Vue.prototype.$config = config
new Vue({
router,
store,
render: (h) => h(App)
}).$mount("#app")
})
您将在应用程序范围内加载配置.然后你就可以使用
mounted() {
this.$config.KEY // "value"
}
在Vue组件中