mockjs 应用时遇到的问题汇总

最新推荐文章于 2024-08-13 17:03:54 发布
最新推荐文章于 2024-08-13 17:03:54 发布
阅读量715 收藏
点赞数
文章标签： 前端 javascript npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_18283943/article/details/120995232
版权
本文总结了使用MockJS时遇到的主要技术难题，包括数据结构随机生成的重复性和请求类型被自动修改导致的问题。对于数据结构的重复性，焦点在于如何定义和管理复杂的数据结构；对于MockJS修改requestType导致的问题，解决方案是在不需要时注释掉MockJS。了解这些挑战有助于优化本地开发和线上数据的衔接流程。
摘要由CSDN通过智能技术生成

mockjs 应用时遇到的问题汇总

主要的技术难点：

1.数据结构的随机数据的生成存在重复性

工作量主要集中在如果定义好一个数据结构，以及如何做做到，本地开发和线上数据衔接的便捷处理方案；

2.使用mockjs 中碰到的问题

1.mockjs 中模拟请求会自动修改requestType 导致，自定义的requestType失效，引起类如文件excel 等文件上传下载的数据流数据出错等需要设置特定requestType的请求出错。

解决方案

开发后期要是没用到就先把mockjs 注释掉吧~~~///(v)\~~~

^o^950
关注
Mockjs遇到的坑
qq_45155318的博客
06-07 3046
Mockjs遇到的坑 看了很多网上的文章，又去看了一些视频，总算是让我稍微摸透了点mock的用法。 没安装mock的先在文件夹下安装； npm install mockjs 安装完的就可以在文件夹下新建一个名为mock的文件夹， 在里面新建两个文件；一个为index.js，这个主要用于拦截ajax请求，并且返回数据；另一个为存放你数据的js文件，我们暂且将它命名为Myinfo.js。 我们在Myinfo.js中编写以下代码（传输局用）： import Mock from 'mockjs' const
MockJS简单应用
znhyXYG的博客
10-20 554
MockJS简单应用
Mock.js 问题记录
只为龙舞的博客
05-09 427
如果全局调用 @increment 的地方都是要始终自增的话是没问题，但是我的用法是在两个js文件里放了两个长度不同数组，然后用 @increment 作为数组下标去取数据，结果发现第一个数组长度是10取完之后再用 @increment 去第二个数组去取的时候是从11开始，导致数据乱了；但是这个项目最近一次提交还是在2019年，git上提的issue也没有回复，似乎作者已经放弃维护了，我在使用过程中遇到了一些问题，这里做一下记录；Mock中使用了 @increment 的是全局共用，比如这样定义一个函数。
mock.js的简单使用~
最新发布
m0_62626838的博客
08-13 440
可以通过mock来模拟后端接口，可随机生成所需数据，模拟对数据的增删改查。并且截Ajax请求不需要修改既有代码就可以拦截，返回模拟的响应数据。2、在src目录下创建mock目录，定义mock主文件index.js，并在该文件中存放我们的mock数据。第三个参数是生成的数据，作为响应数据返回。mock.js:是一款模拟数据生成器，可以生成随机数据，拦截 Ajax 请求.3、在main.js引入mock文件，方便在其他文件中使用。4、在mock文件夹的index文件中定义mock数据。3、mock的使用。
mock.js 常见语法
weixin_33939380的博客
01-23 396
1 转载于:https://www.cnblogs.com/crazycode2/p/10311804.html
Vue3解决：Mockjs 引入后并访问 404(Not Found) 的页面报错问题
狮子座的男孩
07-27 4898
但在页面 报错为：GET http://localhost:5173/list 404 (Not Found)(即：在页面并没有找到自己引入 Mockjs 时，设置的地址和假数据)功能常用于解决数据模拟问题，有了 Mock 工具模拟数据后，前后端可以同步进入开发，提升团队研发效率；前端开发往往依赖于后端数据接口，在后端接口就绪能够返回数据之前，前端通常很难开工;根据上述的问题剖析和描述，发现：在引入。项目中，引入了 Mockjs。后，设置的数据和地址有问题；
[mockjs]Mock使用过程中的坑
前端
09-16 556
该方式是直接对mockjs中/src/mock/xhr/xhr.js文件进行修改，但是该方式只有原作者修改并上传才不会影响下次的使用，否则更改的是本地的，对于每次初始化时重新下载了mockjs无法从根本上解决。mockjs源码导致了文件流被responseType:'json’解析了，因此无法正确识别，因此，我们只需在将转换为json的response.data重新转换为需要的类型。在使用了 mockjs 的情况下，接收到的response.data不是文件流，而是string类型。
vue-36-mockjs应用.mp4
09-18
生成随机数据，拦截 Ajax 请求。 通过随机数据，模拟各种场景；不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据；支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等；...
MockJS文档
09-10
6. **使用示例**：提供丰富的代码示例，展示如何在实际项目中应用 MockJS，解决前端开发中的问题。 7. **高级用法**：深入讲解 MockJS 的高级特性，如函数模拟、数据联动、自定义拦截器等。 8. **与其他工具的整合...
VUE 修复MOCKJS ResponseType BUG
03-22
然而，在开发过程中，我们可能会遇到各种问题，其中之一就是在使用MOCKJS进行模拟数据时遇到的`ResponseType`错误。本文将深入探讨这个BUG及其解决方案。 首先，理解`ResponseType`的概念至关重要。在HTTP请求中，`...
解决vue3+vite项目中引入mockjs失败的问题--无法找到模块“mockjs”的声明文件
蜗牛~~
06-28 1375
看到上面报错，根据提示 修改声明方式 declare module 'mockjs'我们修改一下引入的声明，发现修改之后仍然报错；需要在vite-env.d.ts文件中，添加。然后就可以正常使用了。
Mockjs全局引入，导致正常文件下载的文件损坏无法打开
qq_26703089的博客
11-14 263
根据项目需求，要求未完成模块保留Mock虚拟数据，开发中模块正常使用后台接口渲染数据。
mockjs 导致responseType设置无效，影响blob文件下载的解决方案
weixin_41603684的博客
06-03 340
最近一个做的项目需要用到mockjs来生成模拟的数据，而别的模块涉及到文件下载，需要设置responseType为blob,由于mockjs会覆盖原生的xmlRequest导致responseType设置无效，引起下载错误的bug。在引入mockjs的地方，使用prototype修改Mockjs的原型方法，这样既可以保留mockjs，又不会因为别人下载依赖导致修改源码无效的问题。方法1：去掉mockjs，换别的方案（废话篇，我想大多数都是为了搜索解决方法的，而不是干掉产生问题的人），很显然这个方案不适合。
Vue2使用mock.js拦截不了请求
qq_39376487的博客
10-22 4202
Vue2使用mock.js拦截不了请求 今天用到mock.js，按理它应该会拦截所有的AJAX请求，但是运行起来没拦截，记录一下： 1.安装mock.js 2.创建/src/mock.js const Mock = require("mockjs") let Result = { code:200, msg:'成功', data:null } Mock.mock('/api/getVerifyCode','get',()=>{ console.log("mock执行ge
解决mockjs导致没有匹配拦截的请求withCredentials属性无效，丢失cookie
路过君的博客
03-08 1001
import Mock from 'mockjs' Mock.XHR.prototype._original_send = Mock.XHR.prototype.send Mock.XHR.prototype.send = function() { if (this.custom.xhr) { this.custom.xhr.withCredentials = this.withCredentials || false } this._original_send(.
由js乱码引起的地图不能显示
WCD128的博客
06-14 254
在tomcat的bin目录下找到catalina.bat文件，打开，在第一行之前加入set JAVA_OPTS=%JAVA_OPTS% -Dfile.encoding=UTF8  指定编码字符集即可。
关于Mock -- vue下载excel乱码(血的教训)
m0_63255661的博客
12-14 1774
当时在同步代码到svn上时，运维的同事同步代码npm install，本地环境调试做代码review。 这时忽略了一点，他打开着mockServer，噩梦开始了。 一个下载Excel的数据流接口，下载数据一直乱码尝试了n种方法（n >= 10） const url = window.URL.createObjectURL(new Blob([response.data], { type: ‘application/vnd.ms-excel’ })) 我和后端一开始认为是我们的type不一致。
mock影响导出文件打不开
m0_71182944的博客
10-04 553
直接上解决方法 1.打开你的项目找到node_modules 2.找到你的mock.js 3.打开dist下的mock.js 4.在八千多行有一段代码是原生的XHR 5.修改成
mockjs坑来坑去
皮蛋很白的博客
10-28 1422
mockjs 请求报 404 在vue项目中使用 Mock.mock 方法拦截 GET 请求返回模拟数据。 Mock.mock( rurl, rtype, template ) 官方文档 参数的含义和默认值如下所示： 参数 rurl：可选。表示需要拦截的 URL，可以是 URL 字符串或 URL 正则。例如 /\/domain\/list\.json/、'/domian/list.json'。 参数 rtype：可选。表示需要拦截的 Ajax 请求类型。例如 GET、POST、PUT、DELETE 等。
MockJS入门指南：搭建与应用实例详解
文章还提供了一个具体的应用实例，展示了如何在axios-mock-adapter中集成MockJS到Vue项目中，通过设置`vardata=Mock.mock({ ... })`来生成模拟数据列表，并使用自增id的规则。 MockJS文档对于学习和实践前后端分离...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值