vue 微信分享不生效解決方法

最近在項目開發(fā)中遇到一個情況,引入jssdk后開發(fā)者工具分享成功.
情況1:
手機分享失敗或點擊鏈接跳轉(zhuǎn)首頁的問題音五。
解決如下:

encodeURIComponent(location.href.split("#")[0]);
刪除網(wǎng)址中的#
進行網(wǎng)址編碼
后端進行解碼

原因
微信客戶端會將#后的字符串進行處理

完整代碼(僅供參考,修改可用)

具體數(shù)據(jù)由后端返回
分享的link網(wǎng)址由后端拼接,網(wǎng)址加上了淳梦?
可避免被處理 https://wechat-dev.chinacsa.me/?#//goodsDetail/67

        getWxConfig() {
            let self = this;
            let fullUrl = encodeURIComponent(location.href.split("#")[0]);
            self.url = self.$HOST + '/common/wechat_js';
            self.$axios.get(self.url, {
                params: {
                    apis: ['onMenuShareAppMessage', 'onMenuShareTimeline'],
                    fullUrl: fullUrl
                }
            }).then((res) => {
                console.log(res);
                // console.log(self.baseInfo);
                goodsId: self.goodsId
                let data = JSON.parse(res.data.data);
                wx.config({
                    debug: false, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會在客戶端alert出來,若要查看傳入的參數(shù)昔字,可以在pc端打開谭跨,參數(shù)信息會通過log打出,僅在pc端時才會打印李滴。
                    appId: data.appId, // 必填螃宙,公眾號的唯一標識
                    timestamp: data.timestamp, // 必填,生成簽名的時間戳
                    nonceStr: data.nonceStr, // 必填所坯,生成簽名的隨機串
                    signature: data.signature, // 必填谆扎,簽名
                    jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline'] // 必填,需要使用的JS接口列表
                });
            })
            wx.ready(function() {
                wx.onMenuShareAppMessage({
                    title: self.shareData.name, // 分享標題
                    desc: self.shareData.descrip,
                    link: self.shareData.url, // 分享鏈接芹助,該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
                    imgUrl: self.shareData.imgUrl, // 分享圖標
                    success: function() {
                        self.$toast.success('分享成功');
                    }
                })
                wx.onMenuShareTimeline({
                    title: self.shareData.name, // 分享標題
                    link: self.shareData.url, // 分享鏈接堂湖,該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
                    imgUrl: self.shareData.imgUrl, // 分享圖標
                    success: function() {
                        self.$toast.success('分享成功');
                    }
                })
            })
        }

情況2 網(wǎng)址帶中文標識
如: http://www.porn.com/userId=1&username=哈哈哈
產(chǎn)生情況:Android微信端分享成功 IOS微信端分享失敗
原因:IOS微信端中l(wèi)ink無法辨識中文,因此需要進行轉(zhuǎn)義
(link是分享出去的url)
urlEncode(url)
即可.

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末状土,一起剝皮案震驚了整個濱河市无蜂,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌蒙谓,老刑警劉巖斥季,帶你破解...
    沈念sama閱讀 219,490評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡酣倾,警方通過查閱死者的電腦和手機舵揭,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,581評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來躁锡,“玉大人午绳,你說我怎么就攤上這事∮持” “怎么了拦焚?”我有些...
    開封第一講書人閱讀 165,830評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長杠输。 經(jīng)常有香客問我耕漱,道長,這世上最難降的妖魔是什么抬伺? 我笑而不...
    開封第一講書人閱讀 58,957評論 1 295
  • 正文 為了忘掉前任螟够,我火速辦了婚禮,結果婚禮上峡钓,老公的妹妹穿的比我還像新娘妓笙。我一直安慰自己,他們只是感情好能岩,可當我...
    茶點故事閱讀 67,974評論 6 393
  • 文/花漫 我一把揭開白布寞宫。 她就那樣靜靜地躺著,像睡著了一般拉鹃。 火紅的嫁衣襯著肌膚如雪辈赋。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,754評論 1 307
  • 那天膏燕,我揣著相機與錄音钥屈,去河邊找鬼。 笑死坝辫,一個胖子當著我的面吹牛篷就,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播近忙,決...
    沈念sama閱讀 40,464評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼竭业,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了及舍?” 一聲冷哼從身側響起未辆,我...
    開封第一講書人閱讀 39,357評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎锯玛,沒想到半個月后咐柜,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,847評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,995評論 3 338
  • 正文 我和宋清朗相戀三年炕桨,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片肯腕。...
    茶點故事閱讀 40,137評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡献宫,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出实撒,到底是詐尸還是另有隱情姊途,我是刑警寧澤,帶...
    沈念sama閱讀 35,819評論 5 346
  • 正文 年R本政府宣布知态,位于F島的核電站捷兰,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏负敏。R本人自食惡果不足惜贡茅,卻給世界環(huán)境...
    茶點故事閱讀 41,482評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望其做。 院中可真熱鬧顶考,春花似錦、人聲如沸妖泄。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,023評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽蹈胡。三九已至渊季,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間罚渐,已是汗流浹背却汉。 一陣腳步聲響...
    開封第一講書人閱讀 33,149評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留荷并,地道東北人病涨。 一個月前我還...
    沈念sama閱讀 48,409評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像璧坟,于是被迫代替她去往敵國和親既穆。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,086評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 先引入JS 文件 this.wxShare() 在created里調(diào)用 首先登陸微信公眾號 JSSDK使用步驟 步...
    寄魚予海與你閱讀 6,697評論 1 3
  • 1. 準備工作 1.1 查看公眾號分享接口權限 要使用微信SDK必須要有經(jīng)過微信認證的非個人服務號 登陸服務號后雀鹃,...
    sxplus閱讀 6,256評論 0 2
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5幻工? 答:HTML5是最新的HTML標準。 注意:講述HT...
    kismetajun閱讀 27,490評論 1 45
  • 小學開課了黎茎,孫子學英語才2天囊颅,爺爺好奇地打開孫子的筆記本,看過之后不禁毛骨悚然,筆記本竟然這樣標記英語讀音: 是 ...
    我是妳滴郎_OK閱讀 176評論 0 0
  • 此刻無比想念那個離開了那么多年的人踢代,愿你一切都過的好盲憎。
    堯堯小貝閱讀 173評論 0 0