mockjs導致element-ui upload組件的on-progress和axios的responseType失效


公司最近換了一個新的框架,還沒有仔細的研究透,就需要用新框架來開發項目了。那沒辦法只能走一步看一步了。

1.element-ui el-upload

  項目需求中需要附件上傳,那簡單,就用element-ui的upload組件嘛。咦!?,上傳時候的進度條呢?注冊的on-process事件也不觸發了!那就百度。。。。。。。哦?原來是mockjs搞得鬼。參考鏈接:https://github.com/nuysoft/Mock/issues/244

2.axios的responseType配置

  之前項目中的文件下載、圖片展示以及pdf的在線預覽(使用pdf.js)都是通過后端直接返回文件在服務器上的url來操作的,但現在改成通過調取相應的接口來返回文件流,那也沒事,通過blob對象來實現嘛。不過首先得設置axios的responseType為blob,不然就會出現文件內容亂碼的問題。嗯!?不對啊,為毛設置了還是沒效果。正常情況下設置了blob的,axios會自動幫我們將文件流轉化成blob對象:。但是,現在卻不生效了:。那就再百度。。。。。。哦?原來還是mockjs搞得鬼。參考鏈接:https://blog.csdn.net/weixin_42142057/article/details/97655591

 

總結:mockjs會創建一個新的XMLHttpRequest對象,並且有着自己的原始配置。所以導致覆蓋了axios的配置(responseType等)和el-upload組建中創建的XMLHttpRequest。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM