Javascript 如何在Vue中加载本地json文件？

我一直在尝试从本地json文件加载数据。我只想从json文件加载数据并将其分配给变量。我正在尝试在Vue中执行此操作。这可能是示例，也可能是我完全做错了。如果我的问题有问题，请告诉我

提前谢谢

我的js文件：

import json from './ecommerce-products.json';

 var vm=new Vue({
     el:'#container',
     data(){
         return {
             items:json
         }
     }
})

---

如果您使用的是vuecli，将json文件放在“public”目录下，那么您可以使用 “axios”来获取它们。 这是axios({ 方法：'get'， url:'json/test.json' })。然后（res=>{ this.data=res.data

---

})

本地json文件

-那么，在服务器上？文件存在吗？您在浏览器开发人员工具控制台中看到了哪些错误？哦，等等，你不能导入json文件-因为json文件不会导出任何东西。。。在浏览器中导入/导出仅适用于javascript@JaromandaX您可以导入json文件。这是完全正确的。它基本上是一个物体。我认为他没有任何错误。。。他的代码应该是word。@JamesTotty或

加载模块脚本失败：服务器使用非JavaScript MIME类型“application/json”进行响应。根据HTML规范对模块脚本执行严格的MIME类型检查。

在Chrome中。。。所以，我不知道你是哪个浏览器using@JamesTotty-您正在浏览器中成功地使用

@import json from'somefile.json'

，对吧，在发表评论之前？@JaromandaX我会预编译它。我没有使用vuecli。