如何在Vue JS应用启动时加载配置

Question

我想在任何页面加载发生之前从API调用加载一些配置。为此，我在main.js中添加了我的api调用函数，但它返回了promise并在我的全局api完成之前加载了页面。我想先加载全局配置，因为我的后端服务URL会不断变化。

我的main.js

import globalConfigLogic from '../appStarter/globalConfig-logic';
import globalConfigDetails from '../appStarter/app-starter.js';


// API Wrapper - Global Mixin
Vue.mixin(apiWrapper)
Vue.use(VeeValidate);
Vue.config.productionTip = false;


 globalConfigLogic.getGlobalConfiguration(
   globalConfigDetails.globalConfigHost,
   globalConfigDetails.globalConfigHostPort,
   globalConfigDetails.globalConfigKeys
 );
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

这些函数只是进行API调用，然后将结果转换为hashmap并将其返回。

Answer 1

如果加载您的配置返回一个承诺，只需将 Vue 实例的创建放在 .then() {} 代码中。