Почему материалы случайным образом могут то загружаться, то блокироваться Cors?

Question

[photosho]

Создаю приложение на Nuxt 3 и Laravel 8. Я настроил Cors для Laravel, чтобы публичная часть, которая на Nuxt, могла получать оттуда ресурсы. Cors настроен при помощи плагина fruitcake/laravel-cors. Но теперь возникла такая проблема: некоторые материалы (картинки и запросы по API) загружаются хорошо, а некоторые не загружаются и выдают следующую ошибку:

[РЕСУРС] has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Если обновить страницу при помощи Ctrl + F5, то эти материалы прогружаются. Но потом, при дальнейшем использовании сайта они могут снова не загрузиться. Ctrl + F5 - и они опять загружены. И это всегда разные материалы. Выглядит как случайность. Есть какие-либо идеи?

Comments

[Дмитрий]

Посмотрите каким кодом в этот момент отвечает сервер на эти запросы. Велик шанс что cors запрос упирается в какой нибудь rate limit

[photosho]

Дмитрий, как это посмотреть? То есть, именно "в этот момент".

[Дмитрий]

photosho, открыть панель разработчика. я пользуюсь firefox и там в консоле ошибки cors можно увидеть - как и заголовки ответа при ошибках. в гугл хроме по-моему они во вкладке network показывают. запросы на ресурсы - точно можно увидеть в вкладке нетворк.

[photosho]

Дмитрий, эти уже смотрел - там "503 Service Unavailable". Но теперь кажется, что они подтверждают вашу теорию. Правда, детальнее ничего не написано.

[Дмитрий]

photosho, окей. Что у вас за сервер обслуживает запросы, и можете ли вы посмотреть его логи?

[photosho]

Дмитрий, это VDS, Ubuntu + Apache, PHP 8.2. В логах apache не нашёл связанных с этим ошибок.

[Дмитрий]

photosho, Это очень удивительно. Ну сделайте tail -f /путь_до_папки_с_логами/*.log и попробуйте добиться появления там строки с кодом 503

[photosho]

Дмитрий, пока безрезультатно. Но эта ошибка может не появиться в логах, если превышена допустимая нагрузка на сервер? Я заметил, что если просто быстро обновлять в браузере сайт с Laravel, то и здесь появляется такая ошибка: "Service Unavailable", причём, записи в логах не создаются.

Какой-нибудь MaxRequestWorkers, возможно, и отвечает за это. Но у меня он установлен в 150 - странно, не думаю, что так быстро достигаю этого значения.

[Дмитрий]

photosho, ну если вы получаете код 503 - это таки апач отвечает. я не использую апач - но он явно должен сказать что нибудь где нибудь еще. а там точно только apache?

[photosho]

Дмитрий, да, никакого nginx нет (проверяю командой "nginx -v").

[Дмитрий]

photosho, а сколько у вас запросов у вас на страницу улетают при обновлении? ну то есть css, картинки, js и прочая лабуда?

[photosho]

Дмитрий, в среднем около 50.

[Дмитрий]

photosho, ну может вам стоит влупить nginx для статики? ну или зафорсить кеширование для этой статики? просто увеличивать количество воркеров - такое наверное. хотя как вариант - поменять вопрос и поставить тэг apache. Я с ним просто уже лет 10 не работал - и даж не знаю чего вам предложить.

[photosho]

Дмитрий, кроме вас никто не ответил, поэтому, возможно, есть смысл попробовать nginx. :D

[Дмитрий]

photosho, ну поставьте перед апачем nginx пусть отдает все что может - остальное пробрасывает в апач. если уж он стоит и возиться с его сносом - не хочется.

[photosho]

Дмитрий, отключил Apache и перенёс всё на Nginx - визуально, вроде, стало лучше, (реже пропадают данные в публичной части). Но если пару раз обновить страницу (причём, не важен временной интервал между обновлениями), некоторые картинки пропадают. Если несколько раз подряд обновить главную страницу Laravel (api) - появляется похожая ошибка: 502 Bad Gateway. В логах (var/log/nginx) тоже ничего нет. Такое ощущение, что запросы блокируются в какой-то момент именно при загрузке страницы (в публичной части).

[Дмитрий]

photosho, 502 - а это у вас php падает.

[Дмитрий]

photosho, и простите - но ЭТО ДОЛЖНО БЫТЬ в логах. 100% - в nginx и 99% что в php

[photosho]

Дмитрий, такая же ошибка 502 возникает, если остановить процессы в pm2 и попытаться открыть сайт. У меня оба приложения - и Nuxt, и Laravel, запущены через pm2. Я подумал, что возможно, pm2 "отваливается" из-за нагрузки - у него стоит "autorestart", и это вполне может привести к такому результату. Я отключил "autorestart", чтобы проверить, так ли это, но сервер "внезапно" стал работать безошибочно - у меня теперь скорее возникает "Too many requests" в Laravel, чем 502. Хотя, меня это случайное поведение сервера смущает. Будем тестировать - если что, я ещё вернусь.

[Дмитрий]

photosho, ошибка 502 возникает когда nginx обращается к чему либо - а там либо отвечают не правильно либо не берут трубку. То есть nginx идет к pm2 а тот не доступен - по причине отключения, или по причине того что он занят. А причины использовать pm2 вместо php-fpm какие?

[photosho]

Дмитрий, не знал про php-fpm. Думаете, лучше использовать его?

[Дмитрий]

photosho, ну я думаю да. как бы использование pm2 для php я честно говоря встречаю в первый раз - и мне тупо интересны причины.

[photosho]

Дмитрий, здесь же на Тостере подсказали в одной из соседних веток. За неимением альтернатив за него и взялся - я в серверных вопросах не очень силён.