vue2.0 如何在hash模式下实现微信分享
最近又把vue的demo拿出来整理下,正好要做“微信分享”功能,于是遇到新的问题;
由于hash模式下,带有“#”,导致微信分享的签证无效;当改成history的模式后,分享ok;
但是问题来了,history模式下相当操蛋:
- 刷新页面,页面报错404;这不是扯犊子吗?【不过这个问题,可以在后台解决,这里就不说了】
- assets下的img文件,引入路径失败;
对于上面的问题,我是直接不能忍啊,所以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了,下面贴上完成的代码
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。