100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > vue 接口数据排序_Vue 使用 axios 请求 mock 模拟接口的数据

vue 接口数据排序_Vue 使用 axios 请求 mock 模拟接口的数据

时间:2021-03-01 22:26:10

相关推荐

vue 接口数据排序_Vue 使用 axios 请求 mock 模拟接口的数据

安装使用 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)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。