mockjs在vue内使用心得

来源:互联网 发布:javascript 价格表 编辑:程序博客网 时间:2024/06/14 10:17

1、 加载模块

npm install mockjs

2、新建一个mock文件,设置好拦截信息

import Mock from 'mockjs';export default Mock.mock('msg', {    'name'    : '@name',    'age|1-100': 100,    'color'    : '@color'});
@name 是随机生成姓名

3、使用ajax

Vue.http.get("msg").then(      (successData) => { console.log(successData.body); },      (fileData) => { console.log(fileData); });

由于mockjs是拦截ajax请求,所以只要请求名对应就可,无需填写请求地址,例如demo中的 msg


原创粉丝点击