Javascript 如何转换js中的url以用于facebook共享按钮？

首先，我有一个动态生成的页面，它的url是

https://example.com/main?id=First%20Theory&id2=A&id3=87710

当我转到并生成共享链接按钮时，它会生成以下内容：

https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fexample.com%2Fmain%3Fid%3DFirst%2BTheory%26id2%3DA%26id3%3D87710&src=sdkpreparse

我在facebook共享按钮中使用了这个链接，它运行良好，共享效果很好

然后我需要为这个链接使用变量，因为我的页面是动态生成的

因此，我在js中调用url，并将链接作为变量：

<a class="fb-share-button"
     [href]="urlToCopy"
     data-layout="button_count" data-size="small">
     <a target="_blank"
       [href]="'https://www.facebook.com/sharer/sharer.php?u=' + urlToCopy + ';src=sdkpreparse'"
       class="fb-xfbml-parse-ignore">{{urlToCopy}}</a>
</a>    

然后，当我使用这个共享按钮进行共享时，facebook模式窗口会打开一个奇怪的url

https://www.facebook.com/sharer/sharer.php?u=https://example.com/main?id=First%20Theory&id2=A&id3=87710;src=sdkpreparse

而且分享并不正确

---

如何解决这个问题？在facebook共享按钮中使用js时，我应该如何使用js进行url转换？

您在这里所做的是将一个url作为查询字符串参数的值引入另一个url，因此第一个url需要进行正确的url编码

---

应用它。

您在这里所做的是将一个URL作为查询字符串参数的值引入另一个URL-因此，第一个URL当然应该正确地进行URL编码，因为URL参数值应该始终正确。因此，请应用。

https://www.facebook.com/sharer/sharer.php?u=https://example.com/main?id=First%20Theory&id2=A&id3=87710;src=sdkpreparse