Estoy usando Vue y PHP para el pago de franjas. Pero de alguna manera la página de pago de rayas no está cargada. Recibí el siguiente error.

PHP

 header('Access-Control-Allow-Origin: *'); header('Access-Control-Allow-Methods: GET, POST'); header('Access-Control-Allow-Headers: token, Content-Type'); require 'vendor/autoload.php'; $stripe = new \Stripe\StripeClient("sk_test_5dD7CtVhKdHjRYDFm2CXnuQj7B5ceOdxpWfkixuBn5KmhIDeuSV9onck8MFGyUvZdT00eGzYl6In"); $response = $stripe->checkout->sessions->create([ 'success_url' => 'http://localhost:3000/sidebar/info/buy-now?success=true', 'cancel_url' => 'http://localhost:3000/sidebar/info/buy-now?success=false', 'line_items' => [ [ 'price' => 'price_1LGPHSSEBFYnfFdusJm37r2t', 'quantity' => 1, ], ], 'mode' => 'subscription', ]); echo json_encode($response);

VUE

 let sessionId = '' // let stripe = null as any; onMounted(async () => { fetchSessionId() }) const fetchSessionId = () => { fetch(`http://localhost/stripe/index.php`, { method: 'POST', headers: { 'Content-Type': 'application/json', }, }) .then((response) => response.json()) .then((json) => { sessionId = json.id }) } const redirect = async () => { const stripe = await loadStripe(import.meta.env.VITE_STRIPE_API_KEY as string) stripe?.redirectToCheckout({ sessionId: sessionId, }) }

¡Cualquier solución apreciada!