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

Question

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

提前致谢。

我的js文件:

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

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

Answer 1

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