当前位置: 首页 > news >正文

如何使用本地mock数据

当后端同事接口数据还未完成,我们前端开发需要使用数据时,怎么办呢?这里可以自己本地mock数据先用着啦!仅在开发时使用

1. 创建一个 xxx.js文件,对外暴露一个数组;

对新建js文件编写导出,返回数据根据接口文档编辑即可,例如

这里data应是对象,数组包含在rows中,以下截图未做更改

2. 在index.js中导入,并放到mocks数组中展开即可;

在mock/index.js文件中导入并展开

数据获取如下:记得重启服务器!!!

上线之前记得删掉mock数据

 

1. main.js文件 2. vue.config.js

在此推荐一个线上mock网站---fastmock

http://www.lryc.cn/news/112275.html

相关文章:

  • XXL-JOB定时任务框架(Oracle定制版)
  • SpringBoot + ajax 实现分页和增删查改
  • ProxyGenerator-代理类生成器
  • ARM 内存屏障指令
  • 了解Linux 的 mmap --- 笔记
  • docker删除容器(步骤详解)
  • boost beast http server 测试
  • Android 10.0 系统开启禁用adb push和adb pull传输文件功能
  • 浙大数据结构第七周之07-图4 哈利·波特的考试
  • vue2-vue项目中你是如何解决跨域的?
  • 【Paper Reading】DETR:End-to-End Object Detection with Transformers
  • 【rust/入门】windows安装rust gnu环境(折腾)
  • java面试---字符串相关内容
  • MYSQL进阶-事务的基础知识
  • 【C++】C++面向对象,泛型编程总结篇(封装,继承,多态,模板)|(秋招篇)
  • 【Github】作为程序员不得不知道的几款Github加速神器
  • react18之08自定义hook (简单的axios-get、修改浏览器title、localStorage、获取滚动条位置、img转换为base64)
  • 对CommonJS、AMD、CMD、ES Module的理解
  • JVM之类加载与字节码(二)
  • 安装linux操作系统
  • 【SpringBoot】知识
  • react ant add/change created_at
  • OSPF 动态路由协议 路由传递
  • 5.kubeadm安装
  • 【雕爷学编程】Arduino动手做(180)---Seeeduino Lotus开发板2
  • 6.5 池化层
  • etcd
  • W5500-EVB-PICO做DNS Client进行域名解析(四)
  • 单例模式(C++)
  • LeetCode 热题 100 JavaScript--234. 回文链表