H5微信支付所遇到的若干问题

栏目: JavaScript · 发布时间: 6年前

内容简介：最近做了个H5微信支付的需求，记录一下所遇到的一些问题。。在H5页面中，一开始我们是需要拿到微信用户的信息。因此需要调用获取用户的接口。在第一次调用该接口时，需要有一个授权的过程。没有拿到用户信息的话，就需要调取授权让用户确认。

最近做了个H5微信支付的需求，记录一下所遇到的一些问题。。

cookie 丢失的问题

在H5页面中，一开始我们是需要拿到微信用户的信息。因此需要调用获取用户的接口。

在第一次调用该接口时，需要有一个授权的过程。没有拿到用户信息的话，就需要调取授权让用户确认。

然后问题就来了~授权完成后，会发现后端是拿不到 cookie 信息。经过查询资料后发现原来还是跨域在作祟~

虽然我们解决了基本的跨域问题，即域名(origin)的不同。但是默认情况下跨域请求不会发送 cookie .

这时前端需要设置 XHR 的 withCredentials: true , 后端也需要配合设置 Access-Control-Allow-Credentials 即可。

以 axios 为例, withCredentials: true 与 data 平级:

const opt = {
  url: '/user',
  method: 'get',
  data: {
    name: 'jojo'
  },
  withCredentials: false,
}

axios(opt).then(res=> console.log(res))

这种情况一般是前后端项目不在同一个域名的情况下，且需要带凭证的场景需要设置 Credentials 。

url未注册(url not registered)

随后微信弹了一下 url not registered 的错误，检查支付目录已经正确的被配置。

相关资料

前端：

微信内H5调起支付

后端：

jsapi 开发流程

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

C程序设计语言

（美）Brian W. Kernighan、（美）Dennis M. Ritchie / 徐宝文、李志译、尤晋元审校 / 机械工业出版社 / 2004-1 / 30.00元

在计算机发展的历史上，没有哪一种程序设计语言像C语言这样应用广泛。本书原著即为C语言的设计者之一Dennis M.Ritchie和著名计算机科学家Brian W.Kernighan合著的一本介绍C语言的权威经典著作。我们现在见到的大量论述C语言程序设计的教材和专著均以此书为蓝本。原著第1版中介绍的C语言成为后来广泛使用的C语言版本——标准C的基础。人们熟知的“hello,World"程序就是由本书......一起来看看《C程序设计语言》这本书的介绍吧!

码农工具