微擎模块使用VUE开发解决JSSDK回调问题微擎模块使用VUE开发解决JSSD

微擎模块开发过程中，为了提高用户体验，我们团队都是使用VUE进行开发，当使用JSSDK分享、扫码、支付时回调地址是最为头疼的一件事情。回调地址微信会自动清楚 /#/ 的内容，永远都是来到VUE路由的首页。这里有同学会说使用 history 路由模式，当前这是一种解决方法，不过是要建立在VUE独立部署域名的情况下，这里讨论是在微擎模块下，当然适用于各种已有路由不能使用history 路由模式的情况。
两种解决方案：
使用NGINX正则转发：（别人买我的模块不可能去配置NGINX不科学）
使用PHP转发（建议使用）

模块入口路由：
https://localhost/app/index.php?i=1&c=entry&do=index&m=app
（这个路由是直接渲染VUE模板）
https://localhost/app/index.php?i=1&c=entry&do=index&m=app/#/home
（VUE实际路由）

【微擎模块使用VUE开发解决JSSDK回调问题】我们只需要在https://localhost/app/index.php?i=1&c=entry&do=index&m=app （index.inc.php）中加入以下代码使用转发，在有回调的地方把回调URL写成https://localhost/app/index.php?i=1&c=entry&do=index&m=app&vue_router_callback=home，就可以解决！
~~~
/** 解决fastadmin登录回调、微信各种回调时清楚vue路由 */if($_GPC['vue_router_callback'])
{
header('Location:https://localhost/app/index.php?i=1&c=entry&do=index&m=app/#/'.$_GPC['vue_router_callback']);
}
~~~

微擎模块使用VUE开发解决JSSDK回调问题

推荐阅读

单机的经营游戏，单机经营游戏推荐

黑夜使者

淮北市第49周楼市成交数据来了，备案83套！

苏轼的轼组词轼出色组词

新买的毛衣怎么洗

面包冰箱里能放几天？解析面包在冰箱中的保鲜期

android android:duplicateParentState=&quot;true&quot; &quot;false&quot;

红烧鲳鱼怎么做好吃又简单红烧鲳鱼的家常做法简单窍门

做整鼻子痛吗

残差收敛多大视为有限元计算收敛（）

哪里能学做蛋糕？

迷你世界2月26日激活码迷你世界2022年2月26日礼包兑换码

骐达曲轴传感器位置图骐达曲轴传感器位置图解

高跟鞋后跟怎么换鞋钉高跟鞋后跟如何换鞋钉

小公司与大公司的Java程序员有什么差别（如何才能进大公司？）

苹果12怎么设置密码锁屏（苹果12密码锁屏设置）

怎么设置苹果主屏幕快捷键，苹果手机的主屏幕键怎么设置

大量微信群推广代发广告，哪里有代发群广告的工作室信誉一定要好的有过合作或者正在合作

丧假工资怎么发

痘疤痘坑要怎么修复