Vue3.0: vue-cli4.5:访问本地 json文件并读取数据 使用 axios
- 首先要在对应的 vue-cli4.5 项目下安装 axios:
输入:npm install --save axios 进行安装:
npm install --save axios
- 在 《script》中引入:
<script>
import axios from 'axios'
...
</script>
- 在代码中使用即可:
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/