vue微信分享出來的鏈接點開是首頁問題的解決方法
更新時間：2018年11月28日 11:20:29 作者：糾結灬
這篇文章主要為大家詳細介紹了vue微信分享出來的鏈接點開是首頁問題的解決方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
最近工作上遇到了這樣一個Bug：“vue微信分享出來的鏈接點開是首頁”
公司網站有PC端和移動端，兩個版本。其中如果手機訪問PC端，則自動跳轉到移動端。（這是常規(guī)操作，沒啥稀奇點。）
可神奇的問題來了。
在移動端中有微信分享功能，如果手機直接訪問手機端的地址進入子頁面分享，點開分享的鏈接進入的是子頁面。但是如果是從PC端跳轉進入手機端，分享子頁面鏈接打開將會是主頁。
這個問題我也百度了各種方法，折騰了一天，然而都沒啥用。
最后自己想了一個替代方案：
在static目錄下新建一個名為html的文件夾，在html文件夾中再新建一個redirect.html（看到這個文件名是不是知道我要干啥了）
沒錯，我們做一個重定向。
html中寫入以下內容
<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標簽就可以了，反正只是做重定向。
接下來就簡單了，原本設置給微信的分享鏈接是
shareWxLink = window.location.href
現在我們給他改成
shareWxLink = window.location.href.split('#')[0] + 'static/html/redirect.html?app3Redirect=' + encodeURIComponent(window.location.href)
這樣，我們就把當前頁的地址編碼后放到參數app3Redirect里面，當訪問redirect.html時將自動重定向到解碼后的原地址。
到此，終于把這個坑爹的Bug給修復了。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
本文主要介紹了Vue實現阻止瀏覽器記住密碼功能的三種方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-06-06
Vue.js通過簡潔的API提供高效的數據綁定和靈活的組件系統(tǒng)。在前端紛繁復雜的生態(tài)中，Vue.js有幸受到一定程度的關注，所以本文將從各方面對Vue.js的組件開發(fā)做一個深入介紹。有需要的朋友們可以參考借鑒。2016-10-10
這篇文章主要為大家詳細介紹了vuejs移動端實現div拖拽移動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要介紹了vue 修改vant自帶的樣式過程，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
vue.js中使用echarts實現數據動態(tài)刷新功能
這篇文章主要介紹了vue.js中使用echarts實現數據動態(tài)刷新功能,需要的朋友可以參考下2019-04-04
這篇文章主要介紹了VueJS 組件參數名命名與組件屬性轉化問題，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2018-12-12
今天小編就為大家分享一篇Vue中img的src是動態(tài)渲染時不顯示的解決，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
這篇文章主要介紹了vue3彈出層V3Popup實例詳解,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-01-01
axios解決高并發(fā)的方法:axios.all()與axios.spread()的操作
這篇文章主要介紹了axios解決高并發(fā)的方法:axios.all()與axios.spread()的操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
由于 Vue 會在初始化實例時進行雙向數據綁定，使用Object.defineProperty()對屬性遍歷添加 getter/setter 方法，所以屬性必須在 data 對象上存在時才能進行上述過程 ，這樣才能讓它是響應的，這篇文章主要介紹了Vue中$set()的使用方法場景分析,需要的朋友可以參考下2023-02-02