Ошибка 404 при перезагрузке страницы nginx + vue. Как исправить?

Question

[VyacheslavWebDev]

Vue Router

const router = createRouter({
  mode: 'history', // пробывал и без этого
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [...],
});

Nginx, записывал и в sites-available, и в nginx.conf. При проверке sudo nginx -t все ок. sudo service nginx reload делал.

server {
    server_name prolife.ru;
    charset utf-8;
    root /var/www/public_html;
    index index.html index.htm;
  
    location / {
        root /var/www/public_html;
        index index.html index.htm;
        try_files $uri $uri/ /index.html;
    }
    error_log /var/log/nginx/vue-error-log.log;
    access_log /var/log/nginx/vue-access-log.log;
}

В nginx не особо силен поэтому делал из того что находил.

Answer 1

[Вадим]

что там

error_log /var/log/nginx/vue-error-log.log;
access_log /var/log/nginx/vue-access-log.log;

Comments

[VyacheslavWebDev]

vue-access-log:

ip - - [07/Sep/2022:21:38:50 +0300] "GET /ProductsHealth HTTP/1.1" 500 588 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36"
ip - - [07/Sep/2022:21:38:54 +0300] "GET / HTTP/1.1" 500 588 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36"
ip - - [07/Sep/2022:21:38:55 +0300] "GET / HTTP/1.1" 500 588 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36"
ip - - [07/Sep/2022:21:39:13 +0300] "GET / HTTP/1.1" 500 588 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36"
ip - - [07/Sep/2022:21:39:16 +0300] "GET / HTTP/1.1" 500 588 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36"
ip - - [07/Sep/2022:21:39:43 +0300] "GET / HTTP/1.1" 500 588 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.113 Safari/537.36"
ip - - [07/Sep/2022:21:39:44 +0300] "GET / HTTP/1.1" 500 588 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36"
ip - - [07/Sep/2022:21:39:44 +0300] "GET / HTTP/1.1" 500 588 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36"
ip - - [07/Sep/2022:21:40:13 +0300] "GET / HTTP/1.1" 500 588 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36"

vue-error-log:

2022/09/07 21:38:50 [error] 2784166#2784166: *1 rewrite or internal redirection cycle while internally redirecting to "/index.html", client: ip, server: serverip, request: "GET /ProductsHealth HTTP/1.1", host: "serverip"
2022/09/07 21:38:54 [error] 2784166#2784166: *2 rewrite or internal redirection cycle while internally redirecting to "/index.html", client: ip, server: serverip, request: "GET / HTTP/1.1", host: "serverip"
2022/09/07 21:38:55 [error] 2784166#2784166: *3 rewrite or internal redirection cycle while internally redirecting to "/index.html", client: ip, server: serverip, request: "GET / HTTP/1.1", host: "serverip"
2022/09/07 21:39:13 [error] 2784220#2784220: *1 rewrite or internal redirection cycle while internally redirecting to "/index.html", client: ip, server: serverip, request: "GET / HTTP/1.1", host: "serverip"
2022/09/07 21:39:16 [error] 2784220#2784220: *2 rewrite or internal redirection cycle while internally redirecting to "/index.html", client: ip, server: serverip, request: "GET / HTTP/1.1", host: "serverip"
2022/09/07 21:39:43 [error] 2784220#2784220: *4 rewrite or internal redirection cycle while internally redirecting to "/index.html", client: ip, server: serverip, request: "GET / HTTP/1.1", host: "serverip"
2022/09/07 21:39:44 [error] 2784220#2784220: *3 rewrite or internal redirection cycle while internally redirecting to "/index.html", client: ip, server: serverip, request: "GET / HTTP/1.1", host: "serverip"
2022/09/07 21:39:44 [error] 2784220#2784220: *5 rewrite or internal redirection cycle while internally redirecting to "/index.html", client: ip, server: serverip, request: "GET / HTTP/1.1", host: "serverip"
2022/09/07 21:40:13 [error] 2784220#2784220: *6 rewrite or internal redirection cycle while internally redirecting to "/index.html", client: ip, server: serverip, request: "GET / HTTP/1.1", host: "serverip"

[dodo512]

VyacheslavWebDev, какие файлы сейчас в папке /var/www/public_html

rewrite or internal redirection cycle while internally redirecting to "/index.html"

Это говорит о том что в папке /var/www/public_html нет файла index.html

[VyacheslavWebDev]

dodo512,
:/var/www/public_html$ ls
assets favicon.ico img index.html

[Вадим]

а если убрать /index.html

из try_files $uri $uri/ /index.html;

сделать так
try_files $uri $uri/ =404;

[VyacheslavWebDev]

Вадим, не помогает.

[Вадим]

у тебя какой-то внутр цикл с этим inde.html

играйся... убери
root /var/www/public_html;
index index.html index.htm;

сразу после сервера или наоборот в location директиве

[Вадим]

не повторяйся в .conf файлах... если у тебя неск, включая nginx.conf