在vue.js中模拟使用mock.js

在vue.js中模拟使用mock.js
1.下载并安装mock.js依赖包。
2.在vue项目中src目录下建立mock文件夹,在src 下建立index.js
index.js的内容为 :
const Mock = require(' mockjs ');
例如接口:Mock.mock(' /user/info ', ' get ', require(' ./json/userinfo '));
在mock文件夹下建立json文件夹,json文件夹下建立userinfo.json.这里是我们要请求模拟的假数据。
{
"result": "success",
"data": {
"username": "“yangmegnru”",
"height": "160",
"weight": "90"
},
"msg": "0"
}

在main.js中引用mock数据,不需要时候,则注释掉。
import mock from './mock/index.js'
在vue页面中,import axios from 'axios;
axios.get('/user/userinfo').then(function(res) {
console.log(res)
}).catch(function (err) {
console.log(err)
})
这样就可以打印到请求的模拟数据了

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

推荐阅读更多精彩内容

  • 一、背景 前后端分离,在日常开发中,一直是开发人员的刚需。 作为前端,期望能够在开发过程中,不依赖后台接口的开发进...
    南慕瑶阅读 2,752评论 0 3
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 2,989评论 1 4
  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 2,117评论 0 2
  • 个人入门学习用笔记、不过多作为参考依据。如有错误欢迎斧正 目录 简书好像不支持锚点、复制搜索(反正也是写给我自己看...
    kirito_song阅读 2,505评论 1 37
  • 前言 我们做前端开发,必然要用测试数据进行测试,有两种情况: 有的时候我们需要的测试数据比较简单,这时候,我们自行...
    microkof阅读 2,654评论 0 7