Ошибка CORS при взаимодействии с ЮКасса?

Question

[crn05]

Приветствую. Кто нибудь использовал стороннюю библиотеку @a2seven/yoo-checkout для ЮКасса?
Он почему-то вызывает у меня ошибку политики CORS.

Вот участок кода с настройкой политики:

const corsOptions = {
  origin: ['https://api.mydomain.ru','https://admin.mydomain.ru', 'https://app.mydomain.ru','http://localhost:3000', 'http://localhost:3005', 'http://localhost:5173'], 
  methods: 'GET,POST,PUT,DELETE,PATCH', // разрешенные методы
  credentials: true, // Разрешает использование учетных данных (куки, авторизация и т.д.)
  optionsSuccessStatus: 200
}; 
 app.use(cors(corsOptions));

Как только я импортирую библиотеку const { YooCheckout } = require('@a2seven/yoo-checkout')
тут же возникает ошибка в консоли браузера
Access to XMLHttpRequest at 'https://api.mydomain.ru/api/branches' from origin 'https://admin.mydomain.ru' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
И так абсолютно по любому маршруту, а их около сотни.

Причем, на локальной машине все работает корректно, оплаты проходят, веб-хуки от Юкассы приходят, все работает как положено.
Проблема с @a2seven/yoo-checkout именно на сервере. Причем я отключил все, что связано с платежами, оставив только импорт этой библиотеки, ошибка все равно возникает.
Сервер node.js, express, nginx, debian
Клиент react

Answer 1

[crn05]

Оказывается я банально забыл установить npm пакеты на сервере после обновления скрипта.
Странно конечно, почему это вызвало ошибку CORS, но сейчас все работает.
Вопрос решен.

Answer 2

[Rsa97]

У вас в политике не хватает разрешения на OPTIONS, который используется в префлайт-запросах.
https://developer.mozilla.org/en-US/docs/Glossary/...

Comments

[crn05]

Сделал так:

const corsOptions = {
  origin: ['https://api.mydomain.ru','https://admin.mydomain.ru', 'https://app.mydomain.ru','http://localhost:3000', 'http://localhost:3005', 'http://localhost:5173'], 
  methods: 'GET,POST,PUT,DELETE,PATCH,OPTIONS', // разрешенные методы
  credentials: true, // Разрешает использование учетных данных (куки, авторизация и т.д.)
  optionsSuccessStatus: 200
};

К сожалению проблема осталась

[Rsa97]

crn05, А на OPTIONS даётся правильный ответ? Что в инструментах разработчика в браузере видно?

[crn05]

Rsa97, уже решил вопрос, оказывается я npm пакеты на сервере не обновил. Все работает. OPTIONS оставил в методах