@postya

Как правилньо деплоить nuxt приложение на linux server?

Имеется приложеине на Nuxt. У себя на локальном компьютере оно успешно открывается ит показываются все ресурсы
Приложение задеплоено здесь:
glinka.tk
Когда сделал деплой на linux сервер, приложеине отображается, но ресурсы не найдены, и появляется ошибка:
5faf673a5159e435421822.jpeg

Что я сделал не так при деплое? и как это исправить?

Все ресурсы грузятся из этой папки:
5faf677e7480c565541753.jpeg

Подключаю изображения вот так:
<img src="../assets/images/my-works-bg.webp" alt="works-bg" />

Пробовал также вот так:
<img src="~/assets/images/avatar.webp" alt="" />

Как я делал деплой:
1. Склонировал проект на сервер
2. Установил зависимости - yarn install
3. Сделал билд проекта: yarn run build
4. Создал файл конфига для nginx:
server {

    listen 80;

    server_name glinka.tk  www.glinka.tk;
    index index.html index.htm;

    location /_nuxt/ {
    alias /home/kentforth/webapps/Glinka-Frontend-Nuxt/.nuxt/dist/;
  }
    location / {
       proxy_pass http://localhost:6050;
       proxy_http_version 1.1;
       proxy_set_header Upgrade $http_upgrade;
       proxy_set_header Connection 'upgrade';
       proxy_set_header Host $host;
       proxy_cache_bypass $http_upgrade;
    }

    error_log  /var/log/nginx/glinka-frontend-error.log;
    access_log /var/log/nginx/glinka-frontend-access.log;
}


4. Запустил приложение через pm2
pm2 start npm --name "glinka-frontend" -- start

5faf68c3004b9165652544.jpeg
  • Вопрос задан
  • 136 просмотров
Решения вопроса 1
@Darhild
Я в nginx не эксперт, но, по-моему, перенаправление для /_nuxt/ здесь лишнее. Достаточно proxy_pass на тот порт, на котором стартует nuxt - во всяком случае, у нас всё без проблем работает именно так.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы