vue项目中mock.js的使用

官方网址:http://mockjs.com/

mockjs是用来模拟产生一些虚拟的数据,可以让前端在后端接口还没有开发出来时独立开发。我们可以使用真实的url,mockjs可以拦截ajax请求,返回设定好的数据。

一,安装moke.js

npm install -S mockjs

二,在项目中新建mock.js文件夹,我的mock.js是放在src/api/mock.js这里的


三,建立虚拟数据

在mocj.js中首先引入mock.js


四,在main.js引入该mock.js文件


五,发送请求


这里的axios是我在main中暴露到全局的  如果自己不需要封装处理的话,可以直接 import axios from ‘axios’

六,我们就可以看到请求之后的结果了


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容