// mock.js // 添加信息 let projectList = [] Mock.mock('/mock/addProject', ops => { // 拦截ajax请求，调用函数 // console.log(ops) // 先看一下这个ops是什么 ops = JSON.parse(ops.body) projectList.push(ops) }) // 获取信息 Mock.mock('/mock/projects', projectList)
更改后输入标题，点击提交，再点击获取，可以看到返回了我们提交的数据，并且是js对象的形式，拿到数据后就可以做进一步的操作了。
修改功能的代码也是类似的。
删除数据
删除数据一般是把数据的id以get形式传递给后端，url形式为: /xxx/xxx?id=value, 实际开发中后端可以很好的处理id值不同的url，我们只需要关心怎么获取到id，但是使用mock.js时，拦截的url我不知道怎么写成动态的. Mock.mock('/mock/delete') ,此时使用axios.get()时就会报错：
所以还是改成了用post传递的方式。
不知道是不是有什么别的方法，可以使得删除时使用get请求。
总结
以上所述是小编给大家介绍的vue项目中mock.js的使用及基本用法,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
您可能感兴趣的文章: