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

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

1. 首先要在对应的 vue-cli4.5 项目下安装 axios:

输入:npm install --save axios 进行安装:

npm install --save axios

2. 在 《script》中引入:

<script>
import axios from 'axios'

...
</script>

3. 在代码中使用即可:

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/


4. 浏览器 console 显示:

YDOOK

对应的被读取的 json文件为:

YDOOK



YDOOK CSDN认证博客专家 算法 人工智能
欢迎访问个人网站: www.ydook.com
相关推荐
©️2020 CSDN 皮肤主题: 酷酷鲨 设计师:CSDN官方博客 返回首页