具有外部配置文件的 Vue js

Question

我想知道是否可以让 Vue 应用程序读取外部配置文件。我想象我在其中部署应用程序，将应用程序与配置文件一起发送；此时应该可以更改外部文件中的配置，而无需重建整个应用程序。有什么办法我可以达到这个结果吗？现在我使用一个单独的 Vuex 存储，但如果不重建整个应用程序，我无法更改配置。

我忘了说这个项目是用 Vue CLI 制作的。

Answer 1

您可以config.json从公共文件夹中获取，然后在解析回调中加载您的 Vue 应用程序

将您的配置密钥放入/public/config.json文件中

{
  "KEY": "value"
}

然后在你的/src/main.js文件中

{
  "KEY": "value"
}

您将在应用程序范围内加载您的配置。然后你就可以使用

mounted() {
  this.$config.KEY // "value"
}

在你的 Vue 组件中