最近項目需求乞巧，需要一個上傳多張圖片的功能，但是出現(xiàn)的問題是在安卓端是沒有問題的摊鸡，但是在ios上一直都是 invalid signature绽媒，但是刷新頁面就沒有問題了。
Vue主打免猾，router使用history模式是辕，外加微信JSSDK套餐
排查了各種情況總是找不出原因，而且神奇的是在安卓上可以正常獲取位置猎提，就只是在ios上一直“invalid signature”获三，打印出來的當(dāng)前url跟簽名的url也明明是一致的，為什么還是簽名有問題呢！８斫獭棺聊？？贞谓？
頁面的結(jié)構(gòu)如下：
SPA：
- 頁面A
- 頁面B
非常簡單限佩，整個應(yīng)用從A進(jìn)入，然后跳轉(zhuǎn)到B裸弦，B需要獲取位置祟同，我也只是在B里面配置微信的JSSDK，然后就遇到了前面所說的問題理疙。然后晕城，在某一次調(diào)試的時候，我就直接從B頁面刷新了窖贤，然后就可以了砖顷！
從B刷新加載的每一次都是那么絲滑，而從A到B主之，每一次都被槍斃，所以抱著這個問題李根，我來到了這個新世界 ---- 關(guān)于html5-History模式在微信瀏覽器內(nèi)的問題
原來槽奕。。房轿。
IOS：微信IOS版粤攒，微信安卓版，每次切換路由囱持，SPA的url是不會變的夯接，發(fā)起簽名請求的url參數(shù)必須是當(dāng)前頁面的url就是最初進(jìn)入頁面時的url
Android：微信安卓版，每次切換路由纷妆，SPA的url是會變的盔几，發(fā)起簽名請求的url參數(shù)必須是當(dāng)前頁面的url(不是最初進(jìn)入頁面時的)
解決方案
判斷是不是ios或者是安卓 然后在 beforeRouteEnter 做操作。
beforeRouteEnter (to, from, next) {
var u = navigator.userAgent;
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios終端
// XXX: 修復(fù)iOS版微信HTML5 History兼容性問題
if (isiOS && to.path !== location.pathname) {
// 此處不可使用location.replace
location.assign(to.fullPath)
} else {
next()
}
}
這樣子就就解決了掩幢。
