前端小菜鳥，因為項目要對接微信的jssdk，對接就需要簽名認證，但是無奈安卓和IOS各有各的坑，本篇文章只討論簽名，和一個分享的坑，希望大家有所收獲，能夠解決問題，如果解決不到，請麻煩在評論區留言，本文綜合了所有的回答，才調試出來坑

需求： 使用微信的功能

原因：

1. 項目基于vue，在微信上的web應用

2. 要使用上傳功能(不同系統的兼容真的很多BUG，最后只能使用微信方案)，支付功能，定位....

3. 簽名一直存在bug和問題，那么后面的功能都會喚不起(偶爾也可以)

簽名

1. 流程詳細請看文檔，反正能力有限，沒看出什么名堂，總結一句話，要使用先簽名

2. 開啟填坑之路,由于微信使用會區分IOS和安卓系列，不同系列產生不一樣的問題

(公司項目第一版的時候就給微信大坑過，所以本次重構的時候，就格外注意這一點)

安利一個在微信下能檢測內核的判斷：window.__wxjs_is_wkwebview(是否為webview內核)，如果是的情況下就變成true

因為SPA應用下，會有一定的問題，路由采用的是history模式(不帶#號)。因為在頁面每次進入到路由之后才去獲取簽名授權，所以將方法公用寫在路由的模塊下

router.afterEach((to, from) => {    //   伸手黨福利 // window.__wxjs_is_wkwebview  // true 時 為 IOS 設備  // false時 為 安卓 設備 if (window.__wxjs_is_wkwebview) { // IOS  if (window.entryUrl == '' || window.entryUrl == undefined) {   var url = `${FRONT_BASE}${to.fullPath}`   window.entryUrl = url  // 將后面的參數去除  }  getWxAuth(to.fullPath,"ios") }else {    // 安卓  setTimeout(function () {   getWxAuth(to.fullPath,"android")  }, 500); }})

看完路由模式了，就來進入邏輯部門，來看看如何處理