1. 程式人生 > >hash模式下的微信分享

hash模式下的微信分享

業務需要在微信上推廣相關產品,為此特地做了一套手機端訪問的H5頁面,由於只做展示,所以這次只有單純的vue頁面,介面直接從java取,不需要node做什麼中間處理。

由於vue-router的history模式,需要做額外的配置,然後想著在微信裡面看也看不到具體地址,就沒多想的整體用了hash模式。具體上測試了,出現問題,如果只是網址只給到相關目錄,然後通過router自動去跳轉至相關路徑,首頁開啟沒有問題,具體進入某個頁面後分享,再點選開啟的還是首頁。

微信分享預設會在地址的末位加上一堆from什麼的標識,如果路徑沒有給到位,在這個路徑上加上這一堆之後,後面的#地址就被忽略掉了,所以呢,給到的首頁的地址一定要是頁面真正的地址,包括#之後的路徑,要不然,分享之後開啟的一直是首頁。個人感覺history模式也會有相同問題(待驗證),為確保 開始的地址一定要寫到位。

附上一個目前用的判斷是否用微信開啟的示例

let isWeixin = false
if (window && window.navigator && window.navigator.userAgent) {
  isWeixin = window.navigator.userAgent.toLowerCase().match(/MicroMessenger/i) !== null
}