小编Roj*_*oji的帖子

类型错误:stripe.redirectToCheckout 不是 nuxt.js 中的函数

我正在尝试集成条纹支付网关。我有一个用于前端的 nuxt.js 和一个用于后端的 adonis.js。

我从前端调用 api 到后端来创建checkoutSession并返回sessionID. 我能够创建checkoutSession并返回sessionIDapi 响应,我正在调用, stripe.redirectToCheckout但它没有重定向,而是给出错误,因为 stripe.redirectToCheckout 不是函数。如何将用户重定向到结帐页面?

我也安装了 stripe-js 文件。

import { loadStripe } from '@stripe/stripe-js'
const stripe = loadStripe(process.env.STRIPE_PK)

<button class="btn btn-primary btn-block text-center rounded" @click="checkout()">Buy</button>

import { loadStripe } from '@stripe/stripe-js'
const stripe = loadStripe(process.env.STRIPE_PK)

export default {
    methods: {
        checkout() {
            let params = {
                payment_method_types: ['card'],
                line_items: [
                  {
                    name: 'Buy Now',
                    images: ['image.jpg'],
                    amount: 100 + '00',
                    currency: 'usd',
                    quantity: 1, …
Run Code Online (Sandbox Code Playgroud)

stripe-payments vue.js nuxt.js

3
推荐指数
1
解决办法
1725
查看次数

标签 统计

nuxt.js ×1

stripe-payments ×1

vue.js ×1