微客导航 » 文章资讯 » vue2.0 如何在hash模式下实现微信分享

vue2.0 如何在hash模式下实现微信分享

2023-08-31 11:09:05 423

最近又把vue的demo拿出来整理下，正好要做“微信分享”功能，于是遇到新的问题；

由于hash模式下，带有“#”,导致微信分享的签证无效；当改成history的模式后，分享ok；

但是问题来了，history模式下相当操蛋：

对于上面的问题，我是直接不能忍啊，所以history模式是肯定不行的；我决定依旧用hash模式；history模式万万要不得

那么问题来了：怎么在hash模式下实现微信分享？

其实微信分享失败的问题，最重要的一步就是解决“#”的问题；

一般的页面，我们获取当前的url是酱紫操作的

letparams='¶ms='+JSON.stringify({url:window.location.href});

SPA页面，我们需要做点小调整，调整的目的是让“#”saygoodbye

letparams='¶ms='+JSON.stringify({url:encodeURIComponent(window.location.href.split('#')[0])});

这样修改后，签名的url中没带“#”，这样就ok了，下面贴上完成的代码

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。