mock.js的一个坑

今天项目中合入了同事的代码,结果发现登录页的二维码图片加载失败了,奇怪的是登录页的代码我们都没有改动过,图片是将后端返回的的arraybuffer转为base64格式展示的。

调试了一两个小时还是无法解决图片加载失败的问题。

我将本地调试接口返回的数据与线上的接口返回做了对比。发现其中的data不太一样,本地是这样的

本地结果

而线上是这样的

线上结果

很明显data不一样,本地的data是乱码。

我百度了一番ajax中设置responseType为"arraybuffer"结果为乱码,终于找到了原因。印象中两年前也遇到过这个问题。

项目中引入了mock.js,而mock.js初始化了responseType,mockjs会影响到会影响原生的ajax请求,使得服务器返回的arraybuffer类型变成乱码。

参考链接:https://blog.csdn.net/qq_43020029/article/details/112294436

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

推荐阅读更多精彩内容

  • 本文详细介绍了 XMLHttpRequest 相关知识,涉及内容: AJAX、XMLHTTP、XMLHttpReq...
    semlinker阅读 13,720评论 2 18
  • 前端开发过程中免不了出现等接口的情况,而静态 JSON 不足以体现前端高大上的逼格,是时候拿出 mock.js 了...
    MrWelson阅读 1,814评论 0 0
  • 在开发过程中,有很多的ajax请求,前后端分离开发你肯定遇到这样的问题,后台给你的接口文档,你需要在本地模拟数据返...
    清汤饺子阅读 120,766评论 6 77
  • Mock.js 是一款前端开发中拦截Ajax请求再生成随机数据响应的工具.可以用来模拟服务器响应. 优点是非常简单...
    中v中阅读 889评论 0 0
  • 学习目的 ①开发时,后端还没完成数据输出,前端只好写静态模拟数据。数据牵制与后端,前端页面无法很好的展示,...
    _1633_阅读 4,593评论 0 24