如何在现有的 vuejs 项目中集成 requirejs？

Question

我正在尝试在我的 vue 模板中加载 JSON 数据。
为了获取 JSON 数据，我使用了require而不是import 。 所以我可以在未来为本地 JSON 文件名设置任何动态 UUID。 但这导致error 'require' is not defined

<script>
export default {
    name: "BloePage",
    data() {
        return {
            blogcontent: require(`../content_files/UUDD_WWAA_EEFF_EWWW_AAWW.json`)
        }
    }
}
</script>

正如我从网络资源中了解到的那样。 在 vuejs 项目中使用require 。 我需要在我现有的 vuejs 项目中集成requirejs 。 我搜索了很多。 但没有找到任何直接的方法来做到这一点......

任何建议或解决方案？

Answer 1

Node.js 的require和 RequireJS 的工作方式不同。 您不能使用 RequireJS 从 URL 同步加载 JSON。

如果要从 URL 获取数据，请使用 Ajax。

您可以在 Vue 手册中找到如何执行此操作的示例：

new Vue({
  el: '#app',
  data () {
    return {
      blogcontent: null
    }
  },
  mounted () {
    axios
      .get('../content_files/UUDD_WWAA_EEFF_EWWW_AAWW.json')
      .then(response => (this.blogcontent = response))
  }
})