使用mock.js進行數據模擬

mock.js的文檔真的是無力吐槽,只說明API怎麼使用,徹底不說明mock.js這個工具怎麼用到項目裏面,最有意思的是google的大部分文章複製官網的API,不論是react仍是Vue都是下面的流程

本文主要記錄mock這個工具怎麼使用,api本身看文檔

1. 安裝mock.js

npm install mockjs

1. 在項目裏面使用mock.js

\..\src\mock\mock.js

import Mock from "mockjs";

export default Mock.mock("/list", { // 攔截當前環境下的list路由
  success: true,
  data: [
    "行距杯2018徵文",
    "區塊鏈",
    "小程序",
    "vue"
  ]
});

1. 在入口文件導入mock文件

// ....
import './mock/mock'

// ....

這樣就能夠訪問到了

這裏推薦看看 vue-element-admin的mock,最規範的使用方法