vue微信分享中相关问题(安卓分享成功,IOS分享失效)

问题一:图片路径正确的情况下,缩略图不显示。

解决:将图片尺寸改为200*200。

问题二:安卓分享成功,IOS分享失效,IOS分享始终分享的是首页。

解决:

IOS:每次切换路由,url是不会变的,发起签名请求的url参数必须是当前页面的url就是最初进入页面时的url。

Android:每次切换路由,url是会变的,发起签名请求的url参数必须是当前页面的url(不是最初进入页面时的)。

所以IOS需要修正url路径。

在需要分享的页面添加:

beforeRouteEnter (to, from, next) {
	//ios终端分享失败处理
	if (!!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) &&     
    !window.isLocationMaiList && from.fullPath == "/news") {
		window.isLocationMaiList = true;//记录刷新一次
		location.assign(process.env.BASE_PATH + to.fullPath);
    }else{
      next(vm => {
        vm.$nextTick(() => {
			vm.init();
        })
      })
    }
},

vue微信分享中相关问题(安卓分享成功,IOS分享失效)_第1张图片

你可能感兴趣的:(vue)