时间戳

首页 > 解决方案 > 在 Vue.use 中使用配置文件

typescript - 在 Vue.use 中使用配置文件

问题描述

在我的index.ts文件中，我正在使用 sitekey 配置我的 google recaptcha 组件：

Vue.use(VueReCaptcha, {
    siteKey: 'my_redacted_sitekey'
});

这发生在new Vue({ ... })声明之前。

我真的不想在其中硬编码 siteKey，index.ts因为我们必须重新部署它会改变。

有没有办法将此值外包给配置文件并在此处使用它，或者这在声明之前是不可能的new Vue({})？

提前致谢

标签： typescriptvue.jsvuejs2

解决方案

您可以在文件夹中放置一个配置文件/public并获取它。（如果你把它放进去，/src它就会被编译。）

只需随时从包括main.js在内的任何模块中获取配置：

axios.get('config.json').then(response => {
  const json = response.data;
  // do something with the config
})

前任。使用 axios

请记住要注意站点安全，因为它以这种方式位于公用文件夹中。

也可能会在回调中加载 Vue 应用程序，但这会导致在加载文件之前出现空白页面。出于多种原因，使用加载消息启动应用程序比使用空白页面延迟它更好。

推荐阅读