使用nginx后刷新页面报404

问题遇到的现象和发生背景

使用nginx部署前端工程后，只有访问IP+端口才能访问正常页面，刷新页面报404，开发环境却是正常的，怀疑是nginx代理到错误地址导致的。

问题相关代码，请勿粘贴截图

nginx的配置文件
worker_processes 8;

events {
worker_connections 4096;
}

http {
include mime.types;
default_type application/octet-stream;
sendfile on;
keepalive_timeout 65;

server {
    listen       3000;
    server_name  localhost;
   
    
    location / {
        root   html/dist/;
        index  index.html index.htm;
    }
    
        location /api {
            proxy_pass   http://localhost:8080/jeecg-boot/;
            proxy_set_header   Host             $host;
            proxy_set_header   X-Real-IP        $remote_addr;
            proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
            proxy_set_header   Remote_Addr    $remote_addr;
    }


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

}

}

运行结果及报错内容

访问首页的地址刷新一下就会404
只有访问ip+端口才能访问到页面。

我的解答思路和尝试过的方法

我想要达到的结果

想必你的路由模式设置的是history
只要不是在首页刷新就会404，因为那个地址不是真实的地址
只需要在nginx配置文件中加入这段代码就好了
location / {
try_files $uri $uri/ /index.html$args;
}

如有帮助，望采纳 ^O^ 谢谢啦

前端项目，直接npm run build 打包成dist文件，再直接拿dist静态文件部署就可以了