url链接中，参数自动解码且丢失字符

Question

前端开发时，用JavaScript设置a标签链接，对参数进行了encodeURIComponent处理，href赋值为:

'https://foo.bar.com?a=b&backurl=' + encodeURIComponent('https://xxx.yyy.com/index.html');

正常点击该链接时，跳转过去的url地址将是：

'https://foo.bar.com?a=b&backurl=https%3A%2F%2Fxxx.yyy.com%2Findex.html';

一直都很好没发生啥问题。这里backurl参数主要用来设置返回按钮的链接地址。
最近收到后端的反馈，说出现大量奇怪的请求地址：

Request URL: https://foo.bar.com?a=b&backurl=https:/xxx.yyy.com/index.html

上面地址会导致点击页面里的返回按钮时去到错误的链接地址。

问题在于：
1、url参数已经被解码；
2、解码后的参数，“https://”这里面丢了一个“/”。

已经重新看了一遍前端页面里相关的处理，都没发现问题。
现在怀疑是某些型号的手机+某些浏览器APP会出现这种问题，但没有证据可以证明。
请问有遇到类似情况的吗？有什么经验可借鉴下？

Answer 1

非常遗憾，这个问题我第一次遇到。 你可以这样做，
1.检查请求服务器的时候的URL是正确的还是错误的？在手机上是否可以看到一个链接呢？

在电脑上，chrome通过Network能够看到。如果Network看到是正常的，服务器接受有问题那就是服务器除了问题。

2.手动的把'https://foo.bar.com?a=b&backu...'这个链接里面的内容，通过浏览器访问，手机和PC都要试一试，你看看会是什么样的结果，再判断的哪里的问题。

Answer 2

试试encodeURIComponent 先加码再丢给url
eg: const downloadId = sqlResponse.data.data; // 解析之后的sql

        vm.ergateQueryKey = encodeURIComponent(downloadId);
        vm.query2(vm.ergateQueryKey).then(response => {