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

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

大悟ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联公司的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：18982081108（备注：SSL证书合作）期待与您的合作！

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

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

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

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

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

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

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

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

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

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

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

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