mock.js在vue中的使用

首先安装mockjs: npm install mockjs

在src下面创建一个mock文件用来存放mockjs相关文件。
在mock下创建一个index.js文件,用来引入mock并创建仿后端口接口
然后再创建一个data.js文件用来写返回数据

import Mock from 'mockjs'
// 引入data.js里的数据
import { data } from './data'
// ('/info' 为该接口的地址,后面的json{}为返回数据)
Mock.mock('/info', {code: 200, data: data.info})

data.js中写一些数据,在index中引入

export const data = {
  "info": {"name": 123, "data": {"age": 16, "sex":"man"}}
}

在界面中直接调用即可

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

推荐阅读更多精彩内容

  • 什么是mock.js 在前后端分离的开发环境中,前端同学需要等待后端同学给出接口及接口文档之后,才能继续开发。而M...
    岁月神偷___阅读 599评论 0 3
  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 5,498评论 1 32
  • 一、了解mockjs 前言:mockjs是什么 生成随机数据,拦截 Ajax 请求。 通过随机数据,模拟各种场景;...
    xikoo0阅读 870评论 0 3
  • 在以前的文档中,我们构建了vue项目的整体架构,详见vue入门:vue项目架构设计起步,现在我们主要对其中的moc...
    dell_ling阅读 9,926评论 4 39
  •   我们都知道,在现在流行的“前后端分离”架构中,前后端的联调,是一个不能避免的问题,特别是在项目稍微有点规模之后...
    梓小鱼的手记阅读 2,555评论 0 7