vue 本地json使用

一、本地json

根目录public文件夹里新增一个json文件listInfo.json

{ "code":"1",
  "data":
  [{"name":"罗库",
    "area":"2,382 平方米",
    "adress":"上海宝山",
    "time":"2020年",
    "content":"ROKU是美国的电视娱乐龙头公司，提供串流媒体服务，透过ROKU平台我们可以收看各式影音。Happy Streaming, Watch what you love!设计上希望能直观的让人感受到公司品牌的专业领域，因此取用了串流控制器上的各式符号作为空间设计元素。"  
   },
   {"name":"罗库",
    "area":"2,382 平方米",
    "adress":"上海宝山",
    "time":"2020年",
    "content":"ROKU是美国的电视娱乐龙头公司，提供串流媒体服务，透过ROKU平台我们可以收看各式影音。Happy Streaming, Watch what you love!设计上希望能直观的让人感受到公司品牌的专业领域，因此取用了串流控制器上的各式符号作为空间设计元素。"  
   }
  ]

}

json文件放在public目录下，/public/datajson/listInfo.json
在请求json数据的时候，地址要写datajson/listInfo.json，不然会报错404，静态资源打包后默认public内的文件放在项目根目录。

二、引入json

import axios from 'axios'
 const getJsonData=()=>{
  return axios.get('/datajson/listInfo.json')
}

const getJsonData=()=>{
 getJsonData().then(res=>{
  		console.log(res.data.data)
  })
}