解决Nginx配置Vue项目F5刷新404

Nginx配置

#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;

    sendfile        on;
    keepalive_timeout  65;
    server {
        listen       80;
        server_name  localhost;
       
        location / {
            root   /usr/share/nginx/html/dist;
            index  index.html index.htm;
	    try_files $uri $uri/ @router;
        }
	location @router {
            rewrite ^.*$ /index.html last;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

    }
}

主要配置

try_files $uri $uri/ @router;

location @router {
    rewrite ^.*$ /index.html last;
}