使用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,最規範的使用方法