vue cli3.0访问本地json文件
- 首先,vue cli3.0脚手架将所有静态资源文件放在public文件夹下,因此本地json文件需要放在public文件夹下,否则访问不到这个json文件,这个我是踩坑了,呜呜
- 其次,使用axios请求接口,url地址是相对路径,相对于public文件夹下的index.html文件来说的.
- 文件目录如下(我的json文件是放在public文件夹下的js文件夹中):
- 请求本地json文件:
// 使用es7的await和async
import axios from 'axios'
async mounted() {
let data = await axios({
url: './js/routersList.json', // url路径是相对于index.html文件的
method: 'get'
})
}