Skip to content

手动拼接长url,引发的血案

问题描述

小程序内嵌 webview 网站显示不正常,单独把网站地址放置浏览器正常工作

问题思考

肯定是网站的地址参数问题

断定理由

  • 理由 1:网站是可以打开,只是显示不正确
  • 理由 2:相同地址不同参数,一个现实正常一个现实不正常

把问题的原因告诉做内嵌网站的那个同事 A 了,结果找到一天都没有找到原因。他跟另外一个同事说:可能是我升级环境导致的问题,由 vue2 升级到 vue3 导致(无语,完全跟这无关啊)

根据与另外一个 B 同事的尝试,最后发现的问题,地址多了一个换行符导致。(额,哪里会多拼一个换行符出来了,直接调试定位到以下代码)

具体原因

"img"

vscode 安装 prettier,自动格式化后把超过长度限制的拼接地址加了换行。

解决办法

"img"

总结

  • 切忌:不要纯手工手动拼接 url,直接将 url 参数转成对象,然后根据对象生成 url 参数(这也是以前的同事为了偷懒导致的问题)

Released under the MIT License.