成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

Vue開發微信H5 微信分享簽名失敗問題解決方案

移動開發
關于Vue中路由使用history模式,開發微信H5頁面分享時在安卓上簽名有效成功,但是在IOS設備上一直報錯簽名失效問題。問題描述:在Vue開發過程中,路由使用History模式下,在使用微信分享時,在微信開發者工具上一切正常。在安卓上一切正常。 但是!!!在IOS上反復報簽名錯誤。

關于Vue中路由使用history模式,開發微信H5頁面分享時在安卓上簽名有效成功,但是在IOS設備上一直報錯簽名失效問題

問題描述:在Vue開發過程中,路由使用History模式下,在使用微信分享時,在微信開發者工具上一切正常。在安卓上一切正常。 但是!!!在IOS上反復報簽名錯誤。

以下是真機測試截圖,劃掉黑線的是我個人IOS設備分享出來一直是服務號,接著下面分享出來自定義內容是安卓分享正常,話不多說上圖!!!!

 

我的代碼:

 

 

需求描述:需要從首頁進入活動詳情頁,然后在詳情頁分享詳情頁面內容。所以需要帶參數傳參,通常vue傳參通過params,query,字符串拼接這三種方式進行跳轉傳參

問題分析:因為蘋果分享會是調取簽名失敗是因為:蘋果在微信中瀏覽器機制和安卓不同,有IOS緩存問題,和IOS對單頁面的優化問題,通俗點說安卓進行頁面跳轉分享時會刷新當前的url,而蘋果不會,蘋果是通過歷史記錄進來的,不會刷新url所以會導致簽名失敗(這里解釋的可能不夠詳細,可以去百度)。

因為需求只需要分享當前頁面的時候有自定義內容,其他頁面分享出去是公眾號都無所謂,主要是活動,所以就用了如下解決辦法!!!!

因為vue的history在IOS的微信分享時不會刷新,但是我們又要做自定義分享。我在網上也看了很多,比如什么beforerouteEnter的路由判斷,或者寫在Vue.prototype.Wxshare()的原型鏈中等,看起來都太麻煩,不夠簡單粗暴,但是這些方法可以好像可以做到判斷每一個分享頁面的自定義內容。而我只需要當前分享特定的單一頁面,那么我們在A頁面跳轉B頁面(需要分享的頁面)就不用vue的history的push來跳轉傳參,我們用!我們用!我們用!window.location.href="...."來跳轉傳參,重要的事情說三遍!!!!

用:window.location.href="...." !!! window.location.href="...."!!! window.location.href="...."!!!下面是代碼!!!

 

注釋掉的部分是一開始我用params來傳參的,這樣就會出現我上面提到到在IOS上SPA頁面不會刷新 url的問題,但是原生的window.location.href可以解決這個問題!!!這樣在子頁面我們在create生命周期去截取url中的字符串把需要的參數截取下來,賦值到data中去一樣可以使用.下面是子頁面接收數據截取字符串(這里的截取字符串是直接復制找的,趕時間,你可以自己寫,一次性截取3 個字符串)!!!

 

 

就這樣我們的分享IOS需求就實現了,不需要在去改動我上面的微信分享配置的代碼!!但是此方法個人想的只適用于分享特定頁面,如果用戶需要分享每一個頁面不同的自定義內容,可以去網上找使用其他的路由守衛判斷,或者用Hash模式來開發(Hash模式我也不確定是否真的可以,有興趣的可以嘗試,嘗試后歡迎留言!!)

以下是真機測試成功!

責任編輯:未麗燕 來源: 博客園
相關推薦

2015-11-10 11:38:06

2013-10-10 14:15:22

微信開發

2012-05-09 10:08:41

跨機房

2011-08-25 18:35:07

Linux cron執

2020-07-21 14:00:51

App小程序前端

2010-08-04 10:20:30

Flex組件開發

2010-09-27 13:14:42

JVM內存限制

2010-03-30 16:04:34

Linux Nginx

2015-04-10 17:00:15

百會強大微

2018-01-29 14:01:17

htmljavascriptApp

2015-08-27 18:51:31

微信硬件平臺

2013-08-08 10:13:25

微信

2011-03-23 16:38:28

LAMP

2010-04-28 19:24:17

Hp unix

2010-05-31 12:53:56

Nagios apac

2010-02-06 14:54:11

C++指針漂移

2010-10-08 13:09:38

JavaScript數

2013-03-21 09:54:51

微信開發者案例

2022-09-17 23:46:47

vue前端

2013-08-13 11:09:10

android分辨率
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 一区二区三区av | 欧美亚州| 亚洲女人天堂网 | 日本精品免费在线观看 | 亚洲视频一区在线观看 | 在线免费毛片 | 精品国产一区二区三区免费 | 91超碰caoporn97人人 | 欧美综合久久久 | 国产999精品久久久久久 | 国产四虎 | 亚洲一区二区三区视频免费观看 | 久久久久久久久久久成人 | 日本在线观看视频 | 蜜臀网站 | 欧美日韩国产三级 | 日韩国产欧美一区 | av免费网址 | 国产精品视频一区二区三区 | 精品久久久久久久人人人人传媒 | 国产激情在线看 | 日本精品视频一区二区三区四区 | 小视频你懂得 | 亚洲欧美日韩中文字幕一区二区三区 | 99久久精品免费看国产免费软件 | 久久av在线播放 | 日韩影院一区 | 免费一区二区三区 | 日韩免费高清视频 | 国产免费av网 | 亚洲精品久久久久久久不卡四虎 | 国产精品久久久久久久午夜 | 国产精品久久久久久久久久久久久 | 亚洲欧美综合精品久久成人 | 国产精品久久久久久久久久 | 一级h片 | 国产精品一区二区av | 欧美日韩综合视频 | 欧美精品久久 | 日韩在线日韩 | 国产网站在线 |