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

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

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

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

• 刷新页面，页面报错404；这不是扯犊子吗？【不过这个问题，可以在后台解决，这里就不说了】
• assets下的img文件，引入路径失败；

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

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

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

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

 let params = '&params=' + JSON.stringify({url: window.location.href});

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

 let params = '&params=' + JSON.stringify({url: encodeURIComponent(window.location.href.split('#')[0])});

这样修改后，签名的url中没带“本文来源gao($daima.com搞@代@#码8网^#”，这样就ok了，下面贴上完成的代码

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