資訊專欄INFORMATION COLUMN
摘要：暫時(shí)解決了這個(gè)問題因?yàn)槲以陧?xiàng)目中測試只有在微信中出現(xiàn)這個(gè)問題，所以只針對在微信中特殊處理。
背景
在PC端和手機(jī)瀏覽器中router.replace() or router.push()能夠正常使用，頁面的地址和頁面都正常顯示；但是在微信中，從/a頁面通過router.push("/b")跳轉(zhuǎn)到/b頁面后，頁面正常，但是復(fù)制瀏覽器的地址會(huì)發(fā)現(xiàn)其地址仍為/a;選擇在瀏覽器打開發(fā)現(xiàn)也是顯示的/a的頁面。
這應(yīng)該是微信瀏覽器那邊的問題，微信瀏覽器只會(huì)記住你第一次進(jìn)來的地址。
在pc端或者手機(jī)瀏覽器開發(fā)的時(shí)候 輸入localhost:8080，瀏覽器會(huì)自動(dòng)跳轉(zhuǎn)到localhost:8080/#/,但是在微信瀏覽器中，雖然頁面顯示正常了，但是我們通過微信右上角的選項(xiàng)復(fù)制當(dāng)前的地址，會(huì)發(fā)現(xiàn)地址為仍然localhost:8080，這后面導(dǎo)致了其他的 router.push()操作都無法修改微信瀏覽器的url;當(dāng)然，如果我們在程序中alert(location.href)是正常的。
解決方案
在進(jìn)入頁面的時(shí)候我們默認(rèn)的給url加上#,即localhost:8080/#/,再次測試后發(fā)現(xiàn) 安卓 中微信瀏覽器的url和我們項(xiàng)目中的url相對應(yīng)了。
iOS中微信瀏覽器url仍然不對應(yīng)處理完上面的問題后測試安卓機(jī)正常了，但是iOS機(jī)型微信中在/b頁面復(fù)制地址中仍然/a頁面，查看資料網(wǎng)上很多人都說可以通過鏈接的方式處理。
1.用history的時(shí)候，把router-link換成a標(biāo)簽跳轉(zhuǎn)，
我的處理方式是點(diǎn)擊跳轉(zhuǎn)后直接使用window.location.herf = "localhost:8080/#/b"的方式，即直接拼接好跳轉(zhuǎn)的后路由地址。暫時(shí)解決了這個(gè)問題
因?yàn)槲以陧?xiàng)目中測試只有ios在微信中出現(xiàn)這個(gè)問題，所以只針對ios在微信中特殊處理。其他情況下還是通過hash路由正常處理。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/94279.html
摘要：配置先上配置每個(gè)頁面都調(diào)用微信授權(quán)配置注是我在暴露的接口這份配置主要是根據(jù)微信公眾號(hào)開發(fā)踩坑記錄配置而來。 首先說明，應(yīng)用環(huán)境是使用的是vue+vue-router,history模式開發(fā)的單頁應(yīng)用。 配置 先上配置??? // index.js const protocol = location.protocol + // + location.host; router.afterE...
摘要：處理自己的邏輯四重點(diǎn)來了，解決微信無效的問題使用的網(wǎng)友都知道，路由上帶有做路由的跳轉(zhuǎn)，而在發(fā)過去做微信驗(yàn)證的的時(shí)候，會(huì)被干掉，最終導(dǎo)致簽名無效。 一，先登陸微信公眾號(hào)后臺(tái)綁定js安全域名，不需要加http或https，詳情百度。 二、信公眾號(hào)后臺(tái)設(shè)置服務(wù)器的IP為白名單，否則無法獲取access_token，詳情百度 三、引入wx-js-sdk 1.使用script標(biāo)簽 http://...
摘要：處理自己的邏輯四重點(diǎn)來了，解決微信無效的問題使用的網(wǎng)友都知道，路由上帶有做路由的跳轉(zhuǎn)，而在發(fā)過去做微信驗(yàn)證的的時(shí)候，會(huì)被干掉，最終導(dǎo)致簽名無效。 一，先登陸微信公眾號(hào)后臺(tái)綁定js安全域名，不需要加http或https，詳情百度。 二、信公眾號(hào)后臺(tái)設(shè)置服務(wù)器的IP為白名單，否則無法獲取access_token，詳情百度 三、引入wx-js-sdk 1.使用script標(biāo)簽 http://...
摘要：處理自己的邏輯四重點(diǎn)來了，解決微信無效的問題使用的網(wǎng)友都知道，路由上帶有做路由的跳轉(zhuǎn)，而在發(fā)過去做微信驗(yàn)證的的時(shí)候，會(huì)被干掉，最終導(dǎo)致簽名無效。 一，先登陸微信公眾號(hào)后臺(tái)綁定js安全域名，不需要加http或https，詳情百度。 二、信公眾號(hào)后臺(tái)設(shè)置服務(wù)器的IP為白名單，否則無法獲取access_token，詳情百度 三、引入wx-js-sdk 1.使用script標(biāo)簽 http://...
閱讀 1712·2021-09-02 09:55
閱讀 1199·2019-08-30 13:19
閱讀 1446·2019-08-26 13:51
閱讀 1533·2019-08-26 13:49
閱讀 2470·2019-08-26 12:13
閱讀 501·2019-08-26 11:52
閱讀 1972·2019-08-26 10:58
閱讀 3140·2019-08-26 10:19
