前端vue请求接口显示或URL显示 E2%80%8B 问题记录

当调接口的时候或者window.location.href跳转时候遇到 E2%80%8B 导致报错显示不正常。

%E2%80%8B是个什么特殊字符呢？

通过页面源码可以看到它就是​这个字符叫做Zero Width Space，中文称为零宽空白、零宽度空白字符（十六进制：​，十进制：​）。就是不占用任何宽度的空白字符，像个幽灵样的存在。在主流文本编辑器包括词本中均没有任何显示效果，但复制拷贝会带上零宽空白。不过不可见也不可打印。

解决方案：

//先把config.url进行URI编码，然后全局替换其中的特殊字符，然后再URI解码

const url = decodeURI(encodeURI(url).replace(/%E2%80%8B/g, ""));

return url ;

window.location.href(url)