前端项目如何自己mock数据

最新推荐文章于 2023-08-29 12:16:09 发布
最新推荐文章于 2023-08-29 12:16:09 发布
阅读量462 收藏 2
点赞数
文章标签： vue js ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/haosicx/article/details/118071767
版权

现在的项目大多都是前后端分离的模式

如果后端和前端同步开发 那么前端写逻辑的时候就需要自己mock一些数据

目前有个比较好的网址可以方便mock数据
faseMOck网站

进入网址登录后 首先创建一个项目 然后进入

在这里插入图片描述

然后点击里面的创建接口

mock的数据也可以使用mack.js官网定义的一些api去模拟更多复杂的数据
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210620165103912.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhb3NpY3g=,size_16,color_FFFFFF,t_70

之后在项目中引用axios发送请求

在这里插入图片描述
在这里插入图片描述
这样就可以简单的mock数据了

haosicx
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端的date类型后台接收_前端mock数据(超级详细)
weixin_39583222的博客
11-19 1420
在实际的项目研发过程中，我们经常会遇到如下的尴尬场景：前端开发依赖于后端接口数据，但是后台人员不足或者无法立即到位，前端迟迟不能开工，或者前端小伙子自己参照ui设计图，完成对应的静态页面（没有数据交互），待后台人员到位，再进行二次开发，协助完成接口对接。1.什么是mock数据？前后端同时开发的时候，后端接口数据没有出来，前端可以mock假数据，模拟开发；2.mock数据的优势？A 团队可以并行...
Junit 自己mock对象总结
Vivienne_ChenW的博客
04-11 1977
一、单元测试的步骤 1、准备数据 数据尽可能全面，以及包含各种边界（0，null，等）。当测试数据全面时，有利于测试驱动开发，以及代码重构。 比如测试StringUtil中的isBlank方法。当开发或重构时只需要保证各个case成功 //isBlank(null) == true //isBlank(" ") == true //tab //isBlank("") == ...
前端mock数据的几种方式
qq_42880714的博客
07-09 2889
前端mock数据的几种方式
前端中Mock的使用方法
最新发布
m0_54385598的博客
08-29 609
一、Mock的作用 官方解释：生成随机数据，拦截Ajax请求 二、Mock的使用场景 开发时，后端还没有完成数据输出，只好在前端模拟数据 三、使用Mock时要注意：前端mock的数据不会和服务器进行任何通信，不会涉及跨域问题 四、使用步骤
从前端开发的视角如何利用mock模拟数据
zwkyyds的博客
08-17 794
从前端开发的视角如何利用mock模拟数据全流程
前端项目-Mock.js.zip
09-02
前端项目-Mock.js,mock.js是一个模拟数据生成器，用于帮助前端开发和原型化，使其与后端进程分离，并在编写自动化测试时降低某些单调性。
vue-cli项目使用mock数据的方法（借助express）
10-17
现如今前后端分离开发越来越普遍，前端人员写好页面后可以自己模拟一些数据进行代码测试，这样就不必等后端接口，提高了我们开发效率。今天就来分析下前端常用的mock数据的方式是如何实现的,需要的朋友可以参考下
vue+koa2搭建mock数据环境的详细教程
11-20
前段时间写了一篇前端vue项目实现mock数据方式的文章，主要是在vue项目里使用mock数据，数据和项目耦合在一起，不太优雅，作为一个有追求的前端，怎么能容忍这种方法呢？...前端项目弄好之后，开始安装koa mkdir koa
《vue项目使用mock模拟数据并实现列表的增、删、分页、批量操作功能》mock文件
06-02
对应《vue项目使用mock模拟数据并实现列表的增、删、分页、批量操作功能》博客
前端模拟数据mock的使用
m0_63498341的博客
04-06 2533
前端模拟数据mock的使用
自己写的前端开发框架 并完成后台管理数据交互
11-08
自己写的前端开发框架 并完成后台管理数据交互 和现在大热的vue.js angular.js数据比较相似 不太适合复杂交互项目 只适合简单的后台管理系统
测试必知必会的Mock数据方法
伤心的辣条
07-19 7049
有小伙伴可能有疑惑，接口和服务这两者有什么区别，一个服务里面一般是含有一个或多个接口，一般情况下，服务A只依赖服务B里面的某一个或几个接口，但如果服务B不稳定，就会导致整体服务B不可用，因此服务A无法正常返回数据，进而无法正常测试接口A。在接口测试中，若接口A为服务A当中的接口，并依赖下游服务B，C，其中B服务及其不稳定，则可以Mock服务B中接口的返回数据，使得服务A能正常获取到假数据，进而能够正常测试接口A。（2）需要根据服务A的传参，调用Mock服务B，返回动态的结果。设置完毕后，点击OK即可。...
前端 mock 数据及工具介绍
cdq2012的博客
08-07 2027
阅读本文，需要有前端开发的简单知识，接下来我们分别从介绍 Mock 数据概念（what）、为啥要 Mock(why)、如何 mock(how）、mock 工具等方面来展开讲解。
前端模拟接口数据（mock）实践
weixin_34270606的博客
10-29 1405
前言 越来越多的公司将前端和后端彻底分离，以便能够支持后端一套接口，提供给 web, ios, android 使用，大大提高了开发的效率。但与此同时，也带来了前端 ui 依赖后端数据的问题，在后端的接口没有开发完成之前，前端需要根据接口定义的规范模拟接口数据。这个问题看似简单，但实际上在开发过程中，会是一个比较头疼的问题。 以往的做法 ...
前端本地使用mockjs模拟数据方法
weixin_44764935的博客
03-01 763
补充1：Mock.mock()官网里有介绍，第一个参数就是你的接口名字，第二个参数可以是直接定义的对象数组，也可以是一个函数、请求方式等。补充2： mock.js文件夹里面的'@name'也是官网里带的，自动随机生成名字，还有其他的生成年龄颜色日期等等，具体可以去官网看（2、在src文件夹里创建一个mock文件夹，并在里面创建一个 mock.js（名字随意）。3、在刚刚创建的mock.js里面引入mockjs，并用Mock.mock模拟一些数据。ok，走到这里就完成了简单的mock数据引用了。
使用Mock.js生成前端测试数据
林飞的梦呓
04-02 1450
代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &am
定制自己的mock数据工具
weixin_34342578的博客
05-13 944
前言 开发的过程中，往往后端和前端都是并行的，当后端的接口没有完善的时候就会影响到我们的开发，而我们在编程的过程中也会通过很多方法去编造假数据 模拟数据现状 程序写死"假数据" 例如: let data:[String:Any] = [ "respcd":"0000", "data":[...
mock数据（自己写的数据）
热门推荐
The_more_more的博客
04-18 1万+
mock数据（自己写的数据） 文章目录前言一、准备工作二、使用步骤1.引入包2.创建文件3.编写mockServe.js和数据4.入口引入5.发送请求6.项目使用总结 前言 mock是什么？ Mock简单来理解，就是在测试过程中，对于某些不容易构造或者不容易获取的对象，用一个虚拟的对象来创建以便测试。而这个虚拟的对象就是mock对象。mock对象就是真实对象在调试期间的代替品。 一、准备工作 首先需要准备一个vue的项目 先打开需要创建项目的文件夹下方输入cmd打开窗口 在窗口输入vue crea.
ajax没和后台连上,前端怎么自造ajax数据和后端变量在后台未完全开发的情况下？...
weixin_35720618的博客
08-05 157
首先，可以从你的问题中看出你想要解决两个疑问：1. **不希望发布到线上之前改动一大堆；**2. **希望在‘有时后台有问题或者没开发完’的情况下，前端能正常进行开发调试…**如果以上两个疑问理解没有误区的话，接下来说一下我自己工作中的实际处理方式：一，要解决第1个疑问，不进行大的改动？需要提前对后台［返回接口］进行协议(也就是确定接口文档)，协议内容需要包含接口返回的数据类型，状态，结构，数据对...
前端mock模拟假数据
07-28
前端mock模拟假数据可以通过多种方式实现。以下是一些常用的方法： 1. 手动编写假数据：可以在前端代码中直接定义一个对象...以上是几种常用的前端mock模拟假数据的方法，你可以选择适合自己项目需求的方式进行实现。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值