Vue项目history模式下微信分享爬坑总结(history模式,vue,微信分享,web开发)

每回遇到微信分享都是一个坑，目前的商城项目使用Vue开发，采用history的路由模式，配置微信分享又遇到了很多问题，最后终于解决了，现将解决的过程分享一下。

技术要点

Vue，history

debug模式下报false

这个没得说，就是调用wx.config方法的参数错误造成的，请确认以下事项：

debug返回ok，分享不成功

上面那段话摘自官方文档

开发者需要注意的事项：

router/index.js

代码要点：

wechatConfig.js

原先计划不能分享的页面就使用hideMenuItems方法隐藏掉相关按钮，在ios下试了一下，有些bug：显示按钮的页面切换的影藏按钮的页面，分享按钮有时依然存在，刷新就没问题，估计又是一个深坑，没精力在折腾了，就改为隐私页面分享到首页，公共页面分享原地址，如果有什么好的解决办法，请联系我！

一开始我有参考sf上的一篇博客https://www.jb51.net/article/158685.htm，按照上面的代码，android手机都能成功，但是IOS有一个奇怪的问题，就是分享间歇性的失效，同一个页面，刚刚调起分享成功，再试一次就失败（没有图标、title，只能跳转到首页），经过“不断”努力的尝试，应该是解决了问题，说一下过程：

最后，在这里希望腾讯官方能不能走点心，更新文档及时点，demo能不能提供完整点....

参考链接

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。