vue里的axios获取本地的json数据

1、新建一个vue项目

在终端安装axios命令

npm install --save axios vue-axios

2、在main.js里导入下面的代码

import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios,axios)

3、创建本地的json数据(json文件一定要创建在public文件夹中)

vue里的axios获取本地的json数据_第1张图片

4、在需要数据的页面引入axios,异步加载数据

vue里的axios获取本地的json数据_第2张图片

 

你可能感兴趣的:(vue.js,json,前端)