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

大悟ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書未來市場(chǎng)廣闊！成為創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書合作）期待與您的合作！

由于hash模式下，帶有“#”,導(dǎo)致微信分享的簽證無效；當(dāng)改成history的模式后，分享ok；

但是問題來了，history模式下相當(dāng)操蛋：

• 刷新頁面，頁面報(bào)錯(cuò)404；這不是扯犢子嗎？【不過這個(gè)問題，可以在后臺(tái)解決，這里就不說了】
• assets下的img文件，引入路徑失??；

對(duì)于上面的問題，我是直接不能忍啊，所以history模式是肯定不行的；我決定依舊用hash模式；history模式萬萬要不得

那么問題來了：怎么在hash模式下實(shí)現(xiàn)微信分享？

其實(shí)微信分享失敗的問題，最重要的一步就是解決“#”的問題；

一般的頁面，我們獲取當(dāng)前的url是醬紫操作的

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

SPA頁面，我們需要做點(diǎn)小調(diào)整，調(diào)整的目的是讓“#”say goodbye

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

這樣修改后，簽名的url中沒帶“#”，這樣就ok了，下面貼上完成的代碼

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。