Vue 项目实现微信分享的自定义分享链接问题解决
这篇文章可能把问题想复杂了,设置微信分享推荐阅读这篇文章 >> 前端调用微信分享函数封装(适用于原生页面和其他框架项目)
前言:
前两天在做微信公众号里的项目的时候有一个需求是在 vue 项目中实现微信分享,然后在自定义分享链接的时候出了一些问题,分享出去的自定义链接(链接中携带参数)总是会直接跳到项目首页,而且是玄学跳转,时而自定义链接正常,时而直接跳到首页,答案在文章最后面。
正文:
1. 这里不说微信分享中的配置微信 js-sdk ,请自行查阅微信公众号开发文档
2. 阐述下 解决此问题的一些思路
解决这个问题需要知道这样的信息,微信公众号中的项目在请求签名和自定义分享链接的时候对于Vue 的#路由不太友好
1. 请求签名时如果使用Vue的全路径(包括#部分路由)请求时会报签名失败或者无效的签名,因此我们需要使用以下方法来避免此问题
- 使用 location.href.s