如何让vue单页面应用在微信中支持分享自定义内容而非仅落地页?

更新于
2026-10-01 18:11:35
0阅读来源:SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

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

如何让vue单页面应用在微信中支持分享自定义内容而非仅落地页?

实际上,关键字为:微信 pushState 只能分享落地页 更便捷一点 应用场景:vue vue-router 使用 hash 模式(history 模式未试过) 不使用微信的 js-sdk(因为该项目是可配置域名的商城)。

如何让vue单页面应用在微信中支持分享自定义内容而非仅落地页?

实际上关键词叫 微信pushState只能分享落地页 更贴切一点

应用场景:

  1. vue + vue-router
  2. vue-router使用hash模式(history模式没试过)
  3. 不使用微信的js-sdk(因为我这个项目是可配置域名的商城,比较特殊,不能使用微信sdk)

这个方案并不是最优秀的,会对性能造成一定的影响

HTML5 history.pushState

vue-router的内部是通过 history.pushState 和 history.replaceState 实现的。但是iOS设备的微信浏览器不会去检测它们的变化。但是我们可以通过更新 location.href 让微信浏览器识别到当前的url。

阅读全文

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

如何让vue单页面应用在微信中支持分享自定义内容而非仅落地页?

实际上,关键字为:微信 pushState 只能分享落地页 更便捷一点 应用场景:vue vue-router 使用 hash 模式(history 模式未试过) 不使用微信的 js-sdk(因为该项目是可配置域名的商城)。

如何让vue单页面应用在微信中支持分享自定义内容而非仅落地页?

实际上关键词叫 微信pushState只能分享落地页 更贴切一点

应用场景:

  1. vue + vue-router
  2. vue-router使用hash模式(history模式没试过)
  3. 不使用微信的js-sdk(因为我这个项目是可配置域名的商城,比较特殊,不能使用微信sdk)

这个方案并不是最优秀的,会对性能造成一定的影响

HTML5 history.pushState

vue-router的内部是通过 history.pushState 和 history.replaceState 实现的。但是iOS设备的微信浏览器不会去检测它们的变化。但是我们可以通过更新 location.href 让微信浏览器识别到当前的url。

阅读全文