关于微信分享:Vue中的微信分享
微信分享遇到的问题一开始的时候，微信的sdk，是通过script引入的。 然而，因为咱们的页面是短链接，会有一次转换变成长链接，这就造成了在咱们的零碎不能失常应用微信分享。 最终通过N屡次失败，不得不重头再来，一步步的走下来，最终发现是还是短链接转长链接造成的问题，因为在初始化的时候是进来的时候是短链接，因为是通过script在结尾引入的，所以微信sdk曾经监控到了，然而咱们 wxsdk 配置外面的 link 是咱们要分享的长链接，微信会认为这是有效配置，所以微信分享不失效。 如果你的微信分享还是应用script引入的形式，然而微信分享不失效，能够试试换一种形式 解决问题的代码PS：多余代码就不写了 main.jsimport wxInit from '@/utils/wxjsdk'wxInit.install()wxsdk.js// 微信的配置import Vue from 'vue'// 咱们本人查要分享的数据的接口import { getWxConfig, getWxShareData } from '../api/bvent.js'import Store from '@/store'// 引入微信sdk的包import wx from 'weixin-js-sdk'window.wx = wxconst wxSdk = { install() { Vue.prototype.$wxSdkInit = wxSdk.init }, init() { getWxConfig({ url: location.href }).then(res => { wx.config({ debug: false, // 生产环境须要敞开debug模式 appId: res.appId, // appId通过微信服务号后盾查看 timestamp: res.timestamp, // 生成签名的工夫戳 nonceStr: res.nonceStr, // 生成签名的随机字符串 signature: res.signature, // 签名 jsApiList: [ // 须要调用的JS接口列表 'updateTimelineShareData', // 分享给好友 'updateAppMessageShareData', // 分享到朋友圈 'onMenuShareAppMessage', // 1.0 分享到敌人 'onMenuShareTimeline' // 1.0分享到朋友圈 ] }) wx.ready(function() { getWxShareData({ id: Store.getters.bventId }).then(e => { let shareData = { title: e.shareTitle, // 分享题目 desc: e.shareDescribe, // 分享形容 link: e.shareLink, // 分享链接 imgUrl: e.shareImage && e.shareImage.indexOf('http') === -1 ? window.domainConfig.fileServer + '/' + e.shareImage : e.shareImage // 分享图标 } wx.ready(function() { wx.onMenuShareAppMessage(shareData) wx.onMenuShareTimeline(shareData) wx.updateAppMessageShareData(shareData) wx.updateTimelineShareData(shareData) }) }) }) }) }}export default wxSdkApp.vue<template> <router-view /></template><script>export default { name: 'App', mounted() { // 微信分享应用的，所以判断微信浏览器执行该办法 let ua = navigator.userAgent.toLowerCase() var isWeixin = ua.indexOf('micromessenger') !== -1 if (isWeixin && !/miniprogram/.test(ua)) { this.$wxSdkInit() } }}</script>