vue mock 前台模拟后台数据联动

https://www.cnblogs.com/jasonwang2y60/p/7302449.html

第一步:npm install mockjs --save-dev

第二步:

设置mock文件夹

如下:vue mock 前台模拟后台数据联动_第1张图片

index.js是首页

vue mock 前台模拟后台数据联动_第2张图片

mock.js是具体的针对axios方法对应的处理   

npm install axios-mock-adapter --save-dev  axios前台数据模拟器

https://segmentfault.com/a/1190000009464850

vue mock 前台模拟后台数据联动_第3张图片

vue mock 前台模拟后台数据联动_第4张图片

user.js  是对应数据库的数据结构

vue mock 前台模拟后台数据联动_第5张图片

第三步:在main.js中使用  调用bootStrap方法

vue mock 前台模拟后台数据联动_第6张图片

第四步:正常调用api.js方法

vue mock 前台模拟后台数据联动_第7张图片

接口/login与mock.js对应   正常调用方法

vue mock 前台模拟后台数据联动_第8张图片

你可能感兴趣的:(前端)