Nginx возвращает 404 с маршрутизатором vue на пути второго уровня при нажатии F5

#django #vue.js #nginx #django-rest-framework #vue-router

Вопрос:

Вот конфигурация nginx.

 server {
    listen 80;
    server_name server_ip;
    location = /favicon.ico { access_log off; log_not_found off; }
    error_page  404 /index.html;

    location /static/ {
        root /home/demo;
    }

    root /var/www/html/edu_vue/dist;
    index index.html;

   location / {
      try_files $uri $uri/ /index.html;
   }

    location ^~ /api/ {
    include proxy_params;
    proxy_pass http://unix:/run/gunicorn.sock;
    }

    location /admin {
     include proxy_params;
     proxy_pass http://unix:/run/gunicorn.sock;
    }
}
 

Когда я посещаю http://example.com/path и нажмите F5, чтобы перезагрузить, все в порядке.
Но если путь будет http://example.com/path/some_nested_path я получу 404 от ngingx.
Использование маршрутизатора Django Drf Vue js Vue в режиме истории верно