最近工作上遇到了這樣一個Bug：“vue微信分享出來的鏈接點開是首頁”

在古城等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供網(wǎng)站設(shè)計、成都做網(wǎng)站 網(wǎng)站設(shè)計制作定制網(wǎng)站建設(shè),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),成都全網(wǎng)營銷,外貿(mào)營銷網(wǎng)站建設(shè),古城網(wǎng)站建設(shè)費用合理。

公司網(wǎng)站有PC端和移動端，兩個版本。其中如果手機訪問PC端，則自動跳轉(zhuǎn)到移動端。（這是常規(guī)操作，沒啥稀奇點。）

可神奇的問題來了。

在移動端中有微信分享功能，如果手機直接訪問手機端的地址進入子頁面分享，點開分享的鏈接進入的是子頁面。但是如果是從PC端跳轉(zhuǎn)進入手機端，分享子頁面鏈接打開將會是主頁。

這個問題我也百度了各種方法，折騰了一天，然而都沒啥用。

最后自己想了一個替代方案：

在static目錄下新建一個名為html的文件夾，在html文件夾中再新建一個redirect.html（看到這個文件名是不是知道我要干啥了）

沒錯，我們做一個重定向。

html中寫入以下內(nèi)容

<script>
 
 let url = location.href.split('?')
 let pars = url[1].split('&')
 let data = {}
 pars.forEach((n, i) => {
 let p = n.split('=')
 data[p[0]] = p[1]
 })
 if (!!data.app3Redirect) {
 self.location = decodeURIComponent(data.app3Redirect)
 }
 
</script>

只需要script標簽就可以了，反正只是做重定向。

接下來就簡單了，原本設(shè)置給微信的分享鏈接是

shareWxLink = window.location.href

現(xiàn)在我們給他改成

shareWxLink = window.location.href.split('#')[0] + 'static/html/redirect.html?app3Redirect=' + encodeURIComponent(window.location.href)

這樣，我們就把當前頁的地址編碼后放到參數(shù)app3Redirect里面，當訪問redirect.html時將自動重定向到解碼后的原地址。

到此，終于把這個坑爹的Bug給修復(fù)了。

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

本文名稱：vue微信分享出來的鏈接點開是首頁問題的解決方法
網(wǎng)頁網(wǎng)址：http://www.rwnh.cn/article26/peopjg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、響應(yīng)式網(wǎng)站、手機網(wǎng)站建設(shè)、虛擬主機、網(wǎng)站改版、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)