微信授权及微信支付跳转回来的路径带有#的hash路径会被忽略

最新推荐文章于 2025-01-25 20:23:20 发布
最新推荐文章于 2025-01-25 20:23:20 发布
阅读量2.4k 收藏 5
点赞数 1
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bamboozjy/article/details/120748623
版权

微信 微信h5支付 微信授权

使用微信授权和微信h5支付时,需要配置 redirect_uri 参数,如果参数里面的路是带有#的hash路径时,#后面的内容会被微信认为是不合法的,然后会被微信忽略掉,比如配置的是

http://www.text.com:8082/index.html#/payResult

微信跳转回来的时候会变成

http://www.text.com:8082/index.html

解决办法:

可以将url进行编码,使用

encodeURIComponent('http://www.text.com:8082/index.html#/payResult')

这样微信就可以正常跳转回来

vue 调用共众url_vue+微信公众号开发 网页授权返回url路径中带#不识别，无法授权解决方案...
weixin_35110266的博客
12-23 2099
带个#可真是坑啊！！！第一次开发微信公众号，原本看起来并不复杂，前端负责调接微信接口的地方很少，为了安全起见，大部分接口都是由后端处理，前端只需负责调通后端接口即可，当然还有少部分需要前端来处理。在微信公众号开发中，网页授权第一步需要用户同意授权，获取code ，微信官方提供的获取code接口如下(具体接口介绍请查看微信开发者文档)https://open.weixin.qq.com/conne...
【hash/history路由模式通用】微信公众号h5授权前端代码（中转授权页，解决微信公众号网页授权域名不足问题）
Celeste的博客
04-03 686
本文章使用中转授权页，解决了存在多个域名时，微信公众号网页授权域名不足的问题，hash和history路由模式通用
由于hash模式下redirect_uri携带#号导致微信支付回调地址错误的解决方法
最新发布
a1009698473的博客
01-25 385
通过在app.js的componentDidShow生命周期方法中使用正则表达式从URL中提取code和state参数，并将它们拼接回正确的携带#的URL，然后跳转到该URL，成功解决了微信支付回调URI错误的问题。这种方法避免了修改路由模式或服务器配置，简化了实现过程。
微信公众号授权链接有#的问题
weixin_45389051的博客
06-13 2140
我们做微信公众号项目的时候，肯定会进行授权，但是这个授权有一个很大很大的bug，就是重定向的时候会默认把#后面的内容给截取掉，然后很容易造成死循环等一系列问题 我们就当需要跳转的链接是这样的： http:22.22.22.22:8080/index.html#/transformAp?Village_id=2 做公众号项目肯定要截取url上的参数对吧，因为这个链接有’#’，所以获取不到Village_id 咋解决呢？ 解决方法一: 把链接换成这样的 http:22.22.22.22:8080/index.
微信网页授权，解决REDIRECT_URL携带#号，微信返回时临时code等参数拼接在URL中间，而不是最后面
qq_37967380的博客
04-12 6702
微信授权获取临时code的URL https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=snsapi_userinfo&state=012#wechat_redirect 授权逻辑代码 通过window.history.pushState({}, 0, jumpURL)解决问题=，其中jumpU.
redirect_uri携带#导致微信授权登录回调url错误的一种解决方案
beijinglaomao的博客
09-20 6189
我发现虽然跳转的url是错误的，但是http://test.cn/#/callback这个页面仍然会被访问到，只是参数无法被正常地获取。所以我的思路是，在这个页面的created()中，获取完整的url，然后通过正则表达式，获取错误url中的code和state。如果能获取成功，说明当前是错误的url，则需要用code和state拼接成正确的带#的url，并跳转过去。这种情况下，无法正常得通过url获得code和state参数的值，从而导致无法继续下一步获取access_token的步骤。
补充：（方案二）vue路由hash模式（带#）微信公众号首次授权后ios总是跳首页的问题
Z.Dragon 的博客
02-25 1262
解决方案一 请看我另一篇文章 方案一 利用 .html 文件作为中转页面进行路由重定向 该页面在 static 文件夹下（vue打包时不会被编译），并只做 js 处理：截取参数解码——> 跳转页面 <script> let url = location.href.split('?') let pars = url[1].split('&') let data = {} pars.forEach((n, i) => { let p =
基于vue hash模式微信分享#号的解决
10-14
当使用Vue的Hash模式进行开发，并在微信环境中分享页面时，分享出去的链接会被微信处理，`#`号会被去掉，同时追加如`?fromTimeline`这样的参数。这导致分享后的链接无法正确跳转到指定的路由，而是直接进入应用的...
微信公众号 Hash模式授权
qq_33462761的博客
12-19 4002
前言： 这几天使用vue写公众号页面，关于拿到OpenId的授权问题，在Hash模式下，百度了很多，都是nginx配置了顶级路由（location/），然后加上什么try_files等等的，但是，在现实中，很少直接配置顶级路由的，很多二级路由，甚至多级路由的情况下，获取OpenId就会出现很多问题。 问题一：比如少部分IOS手机（目前只发现少数苹果手机是这种情况），会出现白屏情况，这个的大概原因，应该就是腾讯默认（部分不）支持带“#”号的回调，导致回调回来的地址不对应，然...
前端支付杂烩 - 微信支付(H5支付、JSAPI支付、Native支付)、支付宝支付、ApplePay流程
Komorebi的博客
10-21 5967
前端支付主要是包含微信支付(H5支付、JSAPI支付、Native支付)、支付宝支付、ApplePay的大概流程以及应用，避雷点等等
Vue-router hash模式微信登录授权验证，#号处理
weixin_33862188的博客
11-16 2079
微信授权登录验证会把网址中的#号去掉，这样在跳转的时候Vue拿不到Code。所以做了以下处理 let href = window.location.href; if (href.includes("com/?code")) { //url包括 com/?code 证明为从微信跳转回来的 var url = href.substring(0, href....
企业微信中网页授权时redirect_url带有#号跳转不正确
qq_45806112的博客
09-12 1831
在开发企业微信中的应用程序时要增加扫码登录功能，使用vue写的，因为使用的是hash路由，访问页面路径是带有#的，扫码成功后向redirect_url跳转时，发现了地址里的？和code都在#前面，并且不能跳转到指定页面。对链接进行处理，成功跳转并且code不会出现在#前面了。然后在redirect_url后面的参数用。
Vue 移动端 hash模式下微信授权登录
xiamoziqian的博客
10-28 4657
需求分析： 1.移动端微信公众号项目，需要获取微信授权进行登录 2.默认打开首页，在路由进入之前进行判断，有如下三种情况 3.本项目有两种账号类型：商家、企业，需在登录页进行选择 未授权过，跳到微信授权登录页，然后再跳到登录页 有授权过，并且本地有登录的用户信息，跳到首页 有授权过，但本地没有登录的用户信息，跳到登录页 我遇到问题的一些点： 1.路由模式：hash 因为hash模式下，url是带#的，微信授权登录时候的 redirect_uri 这里跳转后需要处理下。 2.router.before
微信公众号对接：vue前端hash模式下跳转到微信授权页面获取code，微信回调页面返回参数位置有问题，code返回值拼接到了#之前，已解决
Zh.快乐的程序猿的博客
01-26 2831
微信公众号对接：vue前端hash模式下跳转到微信授权页面获取code，微信回调页面返回参数位置有问题，code返回值拼接到了#之前，已解决
微信公众号授权返回redirect_uri参数错误
行知
07-31 2171
检查自己的配置项是否正确 确认对应的公众号已设置js接口安全域名 确认签名算法正确，可用http://mp.weixin.qq.com/debug/cgiQ -bin/sandbox?t=jsapisign页面工具进行校验； 确认config中nonceStr (s中驼峰标准大写S),timestamp与用以签名中的noncestrtimestamp对应一致； 确认url是页面完整的url 确认 config 中的 appid 与用来获取isapi ticket的 appid 一致 确保一定缓存acces
关于H5微信支付返回redirect_url谷歌浏览器不识别的问题
weixin_44781306的博客
04-26 717
关于H5微信支付返回redirect_url谷歌浏览器不识别的问题解决方法 解决方法 通过JS识别谷歌浏览器，做一个JS判断，当浏览器识别为谷歌浏览器时用window.location.replace(url)替代window.location.href（不知道为什么会出现这种情况） ...
微信企业微信授权跳转再回调跳转遇到的问题
cx091的博客
11-22 2720
微信企业微信授权跳转再回调跳转 回调地址被吃掉部分（因为项目配置到服务器有必须有#指定路径，而#后面部分被微信那边吃掉了，所以只有在页面上写本地保存，微信回调过来后要摸自己直接跳转，要摸拼接自己本地的路由实现正常返回） 回调获取本路径问题，因为企业微信机制，回调地址不可使用window.location.href,移动端初始化的时候会被执行两次导致，回调的code失效。 ...
微信授权回调时,回调地址中原有参数丢失
热门推荐
琴韵
07-27 1万+
近日在做登录微服务的时候,需要做微信授权认证.出现各种坑,(有坑才有成长). 之前一直是只带有一个参数, 没有发现任何问题, 今天在测试项目一些功能时,发现授权后的回调地址中,丢失了原有的参数. 授权页时显示回调地址中参数有2个,当点击确认授权按钮后, 参数剩了一个了.网上没有查到相关问题解决方案,文档上也没有明确记录. 经多方测试,老大指点后.问题终于得到解决.现记录于下.以作错误的经验总结,也
微信授权 后台带参数到url上（中文），解码问题
萌新不会永远是萌新的博客
04-28 742
getQueryString(name) { var reg= new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = location.search.substr(1).match(reg); if (r != null) { return decodeURI(r[2]); } return null; }, 使用 // username为url上的参数 thi.
解决vue hash模式微信分享#号问题
10-13
在Vue应用中，当使用`hash`模式（如`http://example.com/#/route`)并尝试通过微信分享功能时，可能会遇到URL中包含`#`号的问题，因为微信分享API通常期望的是不含`#`的相对路径。解决这个问题，你可以采用以下几种方法： 1. **修改URL结构**： 考虑将应用从`hash`模式切换到`history`模式（`https://example.com/route`），这样微信会自动处理URL。这需要服务器支持`History API`路由，并配置相应的前端代码。 2. **微信分享参数处理**： 使用Vue的`beforeRouteUpdate`或`beforeEach`钩子，在页面变化之前，对当前的`path`做一次处理，去掉`#`以及其后的部分。然后生成一个新的无`#`的链接作为分享内容。 ```javascript // 示例代码 router.beforeEach((to, from, next) => { const cleanPath = to.path.replace(&#39;#&#39;, &#39;&#39;); // 将cleanPath设置给微信分享的url wx.config({ onMenuShareTimeline: { url: &#39;https://example.com&#39; + cleanPath }, // 其他配置... }); next(); }); ``` 3. **微信JSSDK配置**： 如果无法改变URL结构，可以利用微信的JS-SDK，在用户点击分享按钮时动态获取不含`#`的页面地址进行分享。例如，使用`wx.reLaunch`先跳转至正确的页面，然后再分享。 ```javascript // 示例代码 this.$router.replace(cleanPath); wx.onMenuShareTimeline({ url: &#39;https://example.com&#39; + cleanPath }); ```
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值