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’

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


你可能感兴趣的:(vue项目中mock.js的使用)