vue 微信公众号分享后支付失效页面URL不变的坑

微信分享后支付页面还是初始页面,这个问题解决了,

created(){
      //判断是否是IOS设备
      // IOS分享时的页面是首页,也就是进入页而不是当前页。所有可以采用刷新当前页,让进入页的链接改成当前页,再在页面卸载时删除缓存数据。
      let agent = navigator.userAgent
      let isIOS = !!agent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) // ios终端
      if(isIOS && !sessionStorage.getItem(‘isShareState‘)){
        sessionStorage.setItem(‘isShareState‘,true)
        this.$router.go(0)
      }
    },

发现又有另外一个坑,那就是hash 模式下url 参数回默认带回来微信浏览器内带回来的参数

https://xxx/vipidea-subscribe/index.html?from=singlemessage&isappinstalled=0#/buynew/  类似这种的情况。  最终没有办法只能换成history模式了换成history 模式build 白屏 这个需要Nginx配置

原文地址:https://www.cnblogs.com/wupeng88/p/11802657.html

时间: 2024-10-08 18:30:20

vue 微信公众号分享后支付失效页面URL不变的坑的相关文章

PHP微信公众号JSAPI网页支付(下)

上一篇<a id="cb_post_title_url" class="postTitle2" href="http://www.cnblogs.com/hld123/p/6626323.html">PHP微信公众号JSAPI网页支付(上)</a>中讲到了公众号平台的相关设置以及支付的大致流程. 这一篇重点讲支付后,异步接受回调通知,以及处理后同步通知微信服务器. 首先梳理下整个jsapi支付的流程 1.网页授权获取用户o

自己开发的网页在跳转至微信公众号文章后,点击微信的返回,无法返回原网页

iOS 11.4 wechat 6.5.3 自己开发的网页在跳转至微信公众号文章后,点击微信的返回,无法返回原网页 其实很简单,只需要在公众号文章 URL 后面加上 &scene=4#wechat_redirect 即可解决问题 原文地址:https://www.cnblogs.com/maowenqiang/p/9626768.html

微信公众号JSAPI网页支付

一.使用场景以及说明 使用场景:商户已有H5商城网站,用户通过消息或扫描二维码在微信内打开网页时,可以调用微信支付完成下单购买的流程. 说明:用户打开图文消息戒者扫描二维码,在微信内置浏览器打开网页进行的支付.商户网页前端通过使用微信提供的 JS API,调用微信支付模块.这种方式,适合需要在商户网页进行选购下单的购买流程. 二.准备工作 公共号支付需要提前在微信公共平台进行业务配置,包括设置支付授权目录.设置JS接口安全域名以及设置授权回调页面域名. 1.进行微信公众支付之前,我们需要申请个公

微信公众号分享的引导页(附素材)

参考 : https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 不过要提醒的是,这种自定义的分享,微信要即将废弃了 在微信公众号内应该是没办法唤起分享弹出框.(没深入研究过),暂时做了引导页去引导用户点击右上方按钮去分享 分享会用到:  微信JS-SDK  (需要验签) 第一步,程序后台计算验签数据 $durl = 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_UR

微信公众号认证及支付开通流程

记录一下公众号认证以及支付开通流程··· 微信认证流程官方链接==> http://kf.qq.com/product/weixinmp.html#hid=97 支付开通流程==> https://pay.weixin.qq.com/guide/index.shtml 1.首先说微信认证需要准备的东西,如下: 联系方式:商户联系人姓名.联系电话.联系邮箱: 经营信息:商品简介.商户简称.售卖商品类目.售卖资质证件(见附录1): 结算信息:结算银行信息.结算银行卡号: 微信支付商户补充材料提交说

微信公众号 扫码支付 模式二 demo

扫码支付 本文附有代码,在下方,如果不熟悉场景的可以看看下面的场景介绍 场景介绍 官网介绍地址:https://pay.weixin.qq.com/wiki/doc/api/native.php?chapter=9_1 用户扫描商户展示在各种场景的二维码进行支付. 步骤1:商户根据微信支付的规则,为不同商品生成不同的二维码(如图6.1),展示在各种场景,用于用户扫描购买. 步骤2:用户使用微信"扫一扫"(如图6.2)扫描二维码后,获取商品支付信息,引导用户完成支付(如图6.3). 图6

node vue 微信公众号(三)配置环境 本地测试

1.去natap 配置端口号 //本地项目是8080端口,natapp就配置8080端口 2.ngrok配合vue-cli实现外网访问 1.去 https://ngrok.com/download 下载 3.修改vue-cli中的配置文件build/webpack.dev.conf.js在devServer中添加:disableHostCheck: true,添加完成后,运行npm run dev启动项目 4. 如自己的项目是localhost:8080,在cmd命令下运行ngrok http

微信公众号网页授权获取用户基本信息

话不多说,根据官方文档需求说明,首先接口权限设置修改 先根据你的URL配置一下授权回调页域名 微信公众平台OAuth2.0授权的详细步骤如下 1)用户关注微信公众号. 2)微信公众号提供用户请求授权页面URL. 3)用户点击授权页面URL,将向服务器发送请求. 4)服务器询问用户是否同意授权给微信公众号(scope为snsapi_base时无此步骤). 5)用户同意(scope为snsapi_base时无此步骤). 6)服务器将code通过回调传给微信公众号. 7)微信公众号获得code. 8)

微信授权登录+微信公众号支付

记录工作备忘 采用TP3.2.3来二开--主要是微信授权登录.js自定义分享.支付+回调 1)先在公众号获取相关配置参数,配置公众号的网页授权域名.js接口域名 // 微信配置参数 'wechat_option' => array( 'appid' => 'w****a769023a', 'appsecret' => 'c****0accc10d19e5f85541b9' ), // 微信支付配置 'WEIXINPAY_CONFIG' => array( 'APPID' =>