vue cli3.0访问本地json文件

vue cli3.0访问本地json文件

1. 首先，vue cli3.0脚手架将所有静态资源文件放在public文件夹下，因此本地json文件需要放在public文件夹下，否则访问不到这个json文件，这个我是踩坑了，呜呜
2. 其次，使用axios请求接口，url地址是相对路径，相对于public文件夹下的index.html文件来说的.
3. 文件目录如下（我的json文件是放在public文件夹下的js文件夹中）：
   
4. 请求本地json文件：

// 使用es7的await和async
import axios from 'axios'
async mounted() {
    let data = await axios({
        url: './js/routersList.json', // url路径是相对于index.html文件的
        method: 'get'
    })
}