如何优化Vue项目中微信自定义分享功能,实现更精准的分享效果?

2026-04-06 13:250阅读0评论SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1015个文字,预计阅读时间需要5分钟。

如何优化Vue项目中微信自定义分享功能,实现更精准的分享效果?

前言+众所周知,在使用vue做项目的时侯,微信自定义分享一直是一个痛点,尤其是在iOS上更为明显。+然而每次遇到问题都要找度娘好久。+奇怪的是,看似和很多人遇到的问题一样,但他们写的答案却都不适用。

前言

众所周知,在使用vue做项目的时候,微信自定义分享一直是一个坑,只是ios上坑明显的多。

然后每次遇到问题都要度娘很久。

奇怪的是貌似和很多人遇到的问题一样,但是他们写的解决方案都没办法直接解决我遇到的问题。

这里就记录一下遇到过的一些坑,和解决方式。

目前项目里面,安卓和ios上面的自定义分享已经没有什么问题了。

问题及解决方式

hash模式

在微信的官方文档中,提到关于jsapi_ticket的签名算法中,生成签名的时候,当前网页的URL,不包含#及其后面的部分;而且自定义分享出去的链接,微信也会主动往链接的后面拼接一些参数,比如from之类的;这也就造成了一些问题,比如要么签名不正确,要么分析那个出去的链接,二次分享又回出问题。

那么我这里的解决方式就是直接不用hash模式了,问题又多,链接也不好看,直接使用mode: 'history'。

阅读全文
标签:一些问题

本文共计1015个文字,预计阅读时间需要5分钟。

如何优化Vue项目中微信自定义分享功能,实现更精准的分享效果?

前言+众所周知,在使用vue做项目的时侯,微信自定义分享一直是一个痛点,尤其是在iOS上更为明显。+然而每次遇到问题都要找度娘好久。+奇怪的是,看似和很多人遇到的问题一样,但他们写的答案却都不适用。

前言

众所周知,在使用vue做项目的时候,微信自定义分享一直是一个坑,只是ios上坑明显的多。

然后每次遇到问题都要度娘很久。

奇怪的是貌似和很多人遇到的问题一样,但是他们写的解决方案都没办法直接解决我遇到的问题。

这里就记录一下遇到过的一些坑,和解决方式。

目前项目里面,安卓和ios上面的自定义分享已经没有什么问题了。

问题及解决方式

hash模式

在微信的官方文档中,提到关于jsapi_ticket的签名算法中,生成签名的时候,当前网页的URL,不包含#及其后面的部分;而且自定义分享出去的链接,微信也会主动往链接的后面拼接一些参数,比如from之类的;这也就造成了一些问题,比如要么签名不正确,要么分析那个出去的链接,二次分享又回出问题。

那么我这里的解决方式就是直接不用hash模式了,问题又多,链接也不好看,直接使用mode: 'history'。

阅读全文
标签:一些问题