使用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,最规范的使用方法

上一篇:6、Jenkins利用Role-based Authorization Strategy插件管理项目权限


下一篇:元旦C位出道,用微信好友头像拼个中国地图吧!