报错：Nginx 部署后刷新页面 404 问题

文章目录

- 问题
- 分析
- 解决

问题

在部署完项目后刷新页面，页面进入了404
在这里插入图片描述

分析

加载单页应用后路由改变均由浏览器处理，而刷新时将会请求当前的链接，而Nginx无法找到对应的页面
关键代码try_files,剩下俩如果其他地方配置了则可以省略。
在这里解释一下try_files的意思，顾名思义try files 尝试获取文件。
如果一个地址是localhost:8899/login
那么uri指的是login地址,uri/指的是login文件夹

解决

添加一行代码：

   location / {root /www/wwwroot/phm/phmweb;index  index.html index.htm;try_files  $uri $uri/ /index.html;}

这段代码的意思是，如果访问一个地址首先会尝试读取第一个地址的页面文件，第一个地址无法访问的话会访问同名文件夹，如果文件夹也不存在那么就返回默认的index.html文件，这样配置好之后再刷新就能正常显示了

附上我的 nginx.conf 文件


#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;#log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '#                  '$status $body_bytes_sent "$http_referer" '#                  '"$http_user_agent" "$http_x_forwarded_for"';#access_log  logs/access.log  main;sendfile        on;#tcp_nopush     on;#keepalive_timeout  0;keepalive_timeout  65;#gzip  on;server {listen       9000;server_name  localhost;proxy_set_header X-Forwarded-Host $host;proxy_set_header X-Forwarded-Server $host;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;# 路径映射location /api {	proxy_pass http://39.106.6.253:82;proxy_connect_timeout 600;proxy_read_timeout 600;rewrite "^/api/(.*)$" /$1 break; }location / {root   html;index  index.html index.htm;try_files $uri $uri/ /index.html;}}# another virtual host using mix of IP-, name-, and port-based configuration##server {#    listen       8000;#    listen       somename:8080;#    server_name  somename  alias  another.alias;#    location / {#        root   html;#        index  index.html index.htm;#    }#}# HTTPS server##server {#    listen       443 ssl;#    server_name  localhost;#    ssl_certificate      cert.pem;#    ssl_certificate_key  cert.key;#    ssl_session_cache    shared:SSL:1m;#    ssl_session_timeout  5m;#    ssl_ciphers  HIGH:!aNULL:!MD5;#    ssl_prefer_server_ciphers  on;#    location / {#        root   html;#        index  index.html index.htm;#    }#}}