Как получить токен csrf в компоненте vue из laravel с помощью полосы ⇐ Php

[Anonymous]

У меня возникла проблема с правильным перенаправлением на способ оплаты. Я использую laravel 10 в качестве бэкэнда и vue3 в качестве интерфейса. Я получаю сообщение об ошибке: Запрос между источниками заблокирован: политика того же происхождения запрещает чтение удаленного ресурса по адресу: (ссылка для проверки полосы) (причина: заголовок CORS «Access-Control-Allow-Origin» отсутствует). Код состояния: 403. Ниже я показываю, что в файлах cookie у меня есть токен xsrf, а также помещаю код:

Код: Выделить всё

const getToken = async () => {
try {
await axios.get('/sanctum/csrf-cookie');
} catch (error) {
console.error("Failed in getting CSRF:", error);
}
};

const savePaymentMethod = async () => {
localStorage.setItem('paymentMethod', paymentForm.value.payment_method);

try {
await getToken();
await axios.post('/checkout');
} catch (error) {
console.error("Error with sending payment:", error);
}
};

Код: Выделить всё

 

Payment Method:

Select payment method
Stripe


Pay

В консоли отображается ссылка на оплату, но с ошибками, почему так происходит?
Я пробовал поместить токен в метатег заголовка (просмотр)

Как в этом примере: Как ссылаться на поле csrf laravel внутри шаблона vue

Подробнее здесь: https://stackoverflow.com/questions/790 ... ing-stripe