Vue3.0 使用 axios访问本地 json文件并读取数据

Vue3.0: vue-cli4.5：访问本地 json文件并读取数据 使用 axios

1. 首先要在对应的 vue-cli4.5 项目下安装 axios:
   输入：npm install --save axios 进行安装：

npm install --save axios

1. 在 《script》中引入：

<script>
import axios from 'axios'

...
</script>

1. 在代码中使用即可：

axios.get('./a.json').then((res) => {
      console.log('res.data = ', res.data)
}) 

1. 上述中的 ./a.json 为 ./public/a.json 文件；
2. 需要注意的是，vue-cli4.5 中的静态文件如 json应该推荐放在 public下，而且路径不需要加上 public；
3. axios 默认访问的路径也是 ./public/