安装使用 axios
# axios 安装 使用npm install axios --save# main.js 引入 axiosimport axios from 'axios'Vue.prototype.$axios = axios
安装使用 mock 模拟数据
# mock 安装 使用npm install mockjs -D# 建立目录和文件src > mockjson userinfo.jsonindex.js# userinfo.json{ "result":"success", "data":[ {"id":0,"name":"张三","age":20}, {"id":1,"name":"李四","age":30} ], "msg":"msg"}# src > mock > index.js const Mock = require('mockjs');Mock.mock('/user/userInfo','get',require('./json/userInfo.json'))# main.js 引入 mockrequire('./mock')
mock 文件目录
Vue 使用 axios 请求 mock 模拟接口的数据
# Vue 页面中使用let res = this.$axios .get("/user/userInfo") .then(function (res) { console.log(res); }) .catch(function (err) { console.log(err); }); console.log(res)