微信小程序通过web-view引用H5地址，在H5内通过js-sdk的chooseWXPay发起支付，结果一直报错chooseWXPay:permission denied；

SDK的config配置

const url = window.location.href.split('#')[0]
    getJsApiTicket({url}).then(res => {
      const {appTicketId, timestamp, noncestr, signature} = res
      wx.config({
        debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: appTicketId, // 必填，公众号的唯一标识
        timestamp: Number(timestamp), // 必填，生成签名的时间戳
        nonceStr: noncestr, // 必填，生成签名的随机串
        signature,// 必填，签名
        jsApiList: ['chooseWXPay'] // 必填，需要使用的JS接口列表
      });
      wx.ready(function () {
        alert('config成功')
      })
      wx.error(function () {
        alert('config失败')
      })
    }).catch(err => {
      console.log(11,err)
    })

appid为公众号的appid，且公众号已关联商户号，已开通微信支付，商户号下的支付目录已配置前端H5域名

test(){
      wx.checkJsApi({
        jsApiList: ['chooseWXPay'], // 需要检测的JS接口列表
        success: function(res) {
          alert('成功'+JSON.stringify(res))
        },
        fail: function(err){
          alert('失败'+JSON.stringify(err))
        }
      });
      wx.chooseWXPay({
        timestamp: 1616911815, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
        nonceStr: 'FWTQaYM9lL55dBPQ', // 支付签名随机串，不长于 32 位
        package: 'prepay_id=wx27181320710693bc73b195ee68d66c0000', // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=\*\*\*）
        signType: 'MD5', // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
        paySign: 'e5c10feeea513a3e94c5be2a2c6e9a41ab10d56638b00795390d08942d1362e7', // 支付签名
        success: function () {
          alert('支付成功')
          // 支付成功后的回调函数
        },
        fail: function (err) {
          alert('失败chooseWXPay'+JSON.stringify(err))
          // 支付失败后的回调函数
        }
      });
    }

点击按钮发起支付，先checkJSApi，弹出成功，接着弹出错误chooseWXPay:permission denied

请问是哪里出问题了呢？