标签：url 微信 ios location 兼容性问题 分享 路由 页面

我微信分享采用的是: 页面初始化时动态加载js-sdk, 然后在需要分享的页面进行sdk的分享初始化

app.vue

store.vue

这种方法在安卓上完全正常, 好用得令人发指, 但是!!!

ios却不是省油灯

ios的分享 参数都没带上来 链接是第一次进入的页面 !

破案 ->

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

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

解决方法 ->

main.js

 1 router.beforeEach((to, from, next) => {
 2   const agent = navigator.userAgent;
 3   const isiOS = !!agent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); // ios终端
 4   if (isiOS && to.path !== location.pathname) {
 5     // 此处不可使用location.replace
 6     location.assign(to.fullPath)
 7   } else {
 8     next()
 9   }
10 });

ios切换路由, url不是不会变吗, 我们就在路由守卫里面每次都帮他变一下

by the way !!   

location.assign(url)    等价于      location.href = url;

标签：url,微信,ios,location,兼容性问题,分享,路由,页面
来源： https://www.cnblogs.com/spotman/p/11063616.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。