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)