Как правильно задать кэширование статических файлов для Nuxt 3 на сервере Nginx?

Question

[flstudy]

После "npm run generate" и "npm run build" в корне проекта появляется символическая ссылка "dist" на ".output/public" - эту ссылку использую как root для настройки Nginx:

location ~* ^.+\.(jpg|jpeg|gif|png|ico|svg|css|woff|woff2|eot|ttf|otf|htc|js|swf)$ {
  root /var/www/site.ru/public_html/dist;
  expires 1M;
  access_log off;
  add_header Cache-Control "public";
}

Сайт динамический, на серверной стороне работает Laravel, все изображения хранятся на нём. В Nuxt изображения с сервера подключаются при помощи компонента NuxtImg и имеют ссылку следующего вида:

https://site.ru/_ipx/f_webp/http://api.site.ru/images/uoFzMwqeXc.jpg

После установки этого правила для кэширования все такие ресурсы перестают загружаться. Почему?

Comments

[mayton2019]

Картинки webp еще можно добавить.

Answer 1

[ky0]

Потому что у вас в локейшене указана конкретная директория, а должен быть какой-то динамический бэкенд.

Comments

[flstudy]

Но как же быть и что же указать? Там есть и статические данные, хранящиеся на стороне Nuxt, и динамические, загружающиеся из Laravel.

[ky0]

flstudy, разделить их по разным урлам, какой-нибудь /static направить в каталог, а остальное - в Laravel.