如何在现有的 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。

你可以找到一个例子来说明如何做到这一点in the Vue manual:

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