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

總結

以上是生活随笔為你收集整理的vue 接口数据排序_Vue 使用 axios 请求 mock 模拟接口的数据的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。