2022-09-28 图片路径含有被转义的编码该如何处理

如题。后端返回的图片路径包含中文，我如果直接使用的话，那么就会该中文就会被转义，该如何解决这个转义问题呢？

解决方案一：让后端返回不带中文的路径名称（当然了，如果带中文是刚需那就请看下面👇）

解决方案二：拿到后端传递的图片路径，对其进行初始化先，使用encodeURIComponent进行编码，例如

encodeURIComponent(url)

然后在接收的地方再解码

decodeURIComponent(url)

你也可以使用decodeURI和encodeURI来进行编解码。

在vue传参中，如果使用了json.parse来处理传递的参数，那么有时候遇到文中这种图片路径含有特殊字符的字符串会报错：Unexpected end of JSON input

解决方案如同上面一样，先用encodeURIComponent编码，然后decodeURIComponent转码即可。

注：encodeURI和encodeURIComponent的区别就是：前者是对url中的查询字符串部分进行转义，后者是对整个url进行转义，但二者不会对一些特殊字符进行转义。