關于Vue中路由使用history模式，開發(fā)微信H5頁面分享時在安卓上簽名有效成功，但是在IOS設備上一直報錯簽名失效問題
河津ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書合作）期待與您的合作！問題描述:在Vue開發(fā)過程中，路由使用History模式下，在使用微信分享時，在微信開發(fā)者工具上一切正常。在安卓上一切正常。 但是?。?！在IOS上反復報簽名錯誤。
以下是真機測試截圖,劃掉黑線的是我個人IOS設備分享出來一直是服務號，接著下面分享出來自定義內容是安卓分享正常,話不多說上圖?。。。?/p>
我的代碼:
需求描述:需要從首頁進入活動詳情頁，然后在詳情頁分享詳情頁面內容。所以需要帶參數(shù)傳參，通常vue傳參通過params,query,字符串拼接這三種方式進行跳轉傳參
問題分析:因為蘋果分享會是調取簽名失敗是因為:蘋果在微信中瀏覽器機制和安卓不同,有IOS緩存問題，和IOS對單頁面的優(yōu)化問題，通俗點說安卓進行頁面跳轉分享時會刷新當前的url,而蘋果不會，蘋果是通過歷史記錄進來的，不會刷新url所以會導致簽名失敗(這里解釋的可能不夠詳細，可以去百度)。
因為需求只需要分享當前頁面的時候有自定義內容,其他頁面分享出去是公眾號都無所謂，主要是活動，所以就用了如下解決辦法?。。?！
因為vue的history在IOS的微信分享時不會刷新，但是我們又要做自定義分享。我在網(wǎng)上也看了很多，比如什么beforerouteEnter的路由判斷，或者寫在Vue.prototype.Wxshare()的原型鏈中等，看起來都太麻煩，不夠簡單粗暴，但是這些方法可以好像可以做到判斷每一個分享頁面的自定義內容。而我只需要當前分享特定的單一頁面，那么我們在A頁面跳轉B頁面（需要分享的頁面）就不用vue的history的push來跳轉傳參， 我們用！我們用！我們用！window.location.href="...." rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" 來跳轉傳參，重要的事情說三遍!!!!
用：window.location.href="...." ?。。?window.location.href="...."?。。?window.location.href="...."?。。∠旅媸谴a?。?！
注釋掉的部分是一開始我用params來傳參的，這樣就會出現(xiàn)我上面提到到在IOS上SPA頁面不會刷新 url的問題，但是原生的window.location.href可以解決這個問題?。?！這樣在子頁面我們在create生命周期去截取url中的字符串把需要的參數(shù)截取下來，賦值到data中去一樣可以使用. 下面是子頁面接收數(shù)據(jù)截取字符串(這里的截取字符串是直接復制找的，趕時間，你可以自己寫，一次性截取3 個字符串)!!!
就這樣我們的分享IOS需求就實現(xiàn)了，不需要在去改動我上面的微信分享配置的代碼!!但是此方法個人想的只適用于分享特定頁面，如果用戶需要分享每一個頁面不同的自定義內容，可以去網(wǎng)上找使用其他的路由守衛(wèi)判斷，或者用Hash模式來開發(fā) （Hash模式我也不確定是否真的可以,有興趣的可以嘗試，嘗試后歡迎留言！?。?/p>
以下是真機測試成功！
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)成都網(wǎng)站設計公司。
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。
重慶分公司
重慶分公司
