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))
  }
})

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

1 个答案: