產品需求：在微信內分享需要手動配置的分享地址、分享圖片與內容描述，引導用戶分享，并在微信分享成功回調內進行相應的操作。

首先需要在項目中引入微信jsSDk包，然后通過接口獲取后臺簽名。

封裝函數獲取微信分享必填參數

其中的jsApiList中填的是需要使用的微信分享js接口的列表，參數URL默認是location.href，即分享當前頁面的URL。

在需要分享的頁面引入封裝的函數

然后通過wxShare方法將URL和配置的參數傳入，link參數是分享出去的鏈接，必須與當前頁面的對應js安全域名一致；

...shareData就是在函數內傳對象，進行解構賦值es6寫法

但是在測試過程中發現：

1.同一套程序，andriod分享正常，ios分享報簽名不正確，主要原因是微信的ios和安卓處理方式不一樣，ios不會刷新當前的頁面地址，使用的是history的記錄地址，所以每次分享出來的鏈接，都是第一個進入系統頁面的鏈接，當跳轉到子頁面的時候，系統就會識別打開的url和簽名的url不一致導致簽名不正確

2.由于單頁面的hash模式會自帶#號，但是分享的時候會將#號后面的參數變成無效，導致想傳參數都傳不過去，可以做一個頁面沒有#號的，然后統一帶參數分享到這個頁面然后再重定向到指定的vue頁面

解決方法：在向后臺發送請求獲取微信簽名的時候將傳給后臺的URL的#后面的參數截去，后臺根據截取完的URL生成簽名就能實現安卓和iOS分享回調成功的問題。

補充知識：使用Vue全家桶進行微信分享時出現的錯誤

使用vue.js進行微信H5頁面開發，開發過程中先進行oAuth身份驗證。后使用JSSDK，進行微信分享。分享時會出現不調用自定義分享界面的情況，但是在刷新后可以正常顯示，

如下：

正常進入分享：

刷新后分享：

由于Vue和微信調試環境的問題，在經過幾次痛苦的嘗試后，我們發現了一個現象，那就是，如果此時點擊使用Safari打開，會出現：

這是我們在使用oAuth認證時跳轉的中間界面（從oauth回調的頁面），但是在使用微信調試工具的時候，顯示的url為正確頁面，既為從回調頁面跳轉的頁面。

我們知道，在使用JSSDK進行微信認證的時候，需要使用當前url調用wxcofig，那會不會有一種可能，當vue進行頁面跳轉的時候，微信瀏覽器仍然認為當前頁面在原頁面，所以導致傳遞的url和微信認為你的url不一致，所以導致認證錯誤。

于是在嘗試給wxconfig傳遞url的時候，使用了跳轉前中間結果的url（既，保持傳遞給認證的url和使用Safari打開的url一致），結果居然就行了。。。

行吧，算是微信在兼容vue的時候的一個坑，但愿大家以后能盡早跳出來。。。

以上這篇vue 微信分享回調iOS和安卓回調出現錯誤的解決就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持好吧啦網。