vue 微信自定义分享链接拼接参数实现分享功能

Vue 项目实现微信分享的自定义分享链接问题解决

这篇文章可能把问题想复杂了，设置微信分享推荐阅读这篇文章 >>  前端调用微信分享函数封装（适用于原生页面和其他框架项目）

前言：

　　前两天在做微信公众号里的项目的时候有一个需求是在 vue 项目中实现微信分享，然后在自定义分享链接的时候出了一些问题，分享出去的自定义链接（链接中携带参数）总是会直接跳到项目首页，而且是玄学跳转，时而自定义链接正常，时而直接跳到首页，答案在文章最后面。

 

正文：

　　1. 这里不说微信分享中的配置微信 js-sdk ，请自行查阅微信公众号开发文档

　　2. 阐述下 解决此问题的一些思路

解决这个问题需要知道这样的信息，微信公众号中的项目在请求签名和自定义分享链接的时候对于Vue 的#路由不太友好

1. 请求签名时如果使用Vue的全路径（包括#部分路由）请求时会报签名失败或者无效的签名，因此我们需要使用以下方法来避免此问题

　　- 使用  location.href.s