美文网首页
VUE中微信踩坑分享

VUE中微信踩坑分享

作者: 小太阳可可 | 来源:发表于2019-02-12 10:08 被阅读0次

1.签名验证失败

解决思路:
1.1先查看是否是因为字母大小写等原因造成的。
1.2之后查看是否因为路由的变化导致签名校验失效。用小呆的这种方式可以避免因路由变化导致校验失败的问题。因为每次路由变化后都会重新生成签名进行校验。

2.分享出去的URL被微信插入其他字符

比如我分享的url是www.jzdlink.com/#hello,但是实际在微信中打开的链接是www.jzdlink.com?from=xxxxxxxx/#hello
解决思路:截取后再,页面可以正常打开。

3.hash模式

微信授权会将url中的#过滤掉,导致授权的token和url不一致
解决思路:将url进行转码后在传给后端,即可解决。

4.授权url错误导致的一直重复授权的死循环

解决思路: url不用window.location.href,采用拼装方式处理

相关文章

  • vue2-微信分享踩的坑

    vue2项目-微信分享踩的坑 在在main.js中 //在main.js头部引入微信分享插件 importwxfr...

  • VUE中微信踩坑分享

    1.签名验证失败 解决思路:1.1先查看是否是因为字母大小写等原因造成的。1.2之后查看是否因为路由的变化导致签名...

  • 2021-05-12

    微信分享跳转2次,微信分享跳转微信正在连接,分享微信没反应 这几天搞微信分享,还是有一些坑在里面的,记录踩过的坑;...

  • Vue-微信分享踩坑

    created => 通过promise获取到config 所需,注:此时的请求 URL需与绑定的域名 he...

  • 微信公众号开发(前端)

    前一段时间开发了微信公众号H5页面,有踩一些坑,分享下。开发环境是vue+vue-router官方提供的开发环境 ...

  • VUE 集成TypeScript之vue-router重构 (二

    VUE 如何集成TypeScript之初步踩坑 (一) vue-router的痛点 在上一篇分享中,我们已经成功的...

  • Vue踩坑实录(二)

    在上一篇中说了一下踩过的前三个坑,剩下的坑就在这篇中全部搞定吧。Vue踩坑实录(一) Vue-cli .js?.V...

  • android 接入微信支付SDK,在支付成功后不执行回调方法

    接入微信sdk第二天中,基于之前的微信与第三方的分享的坑踩了一遍,今天又来了,在做微信支付的时候,微信支付成...

  • 开发微信小程序分页功能的坑

    微信小程序开发分页的坑 微信小程序开发中list列表经常要进行分页处理,踩坑在所难免。 app.json wxml...

  • vue踩过的坑

    vue踩过的坑

网友评论

      本文标题:VUE中微信踩坑分享

      本文链接:https://www.haomeiwen.com/subject/queheqtx.html