nginx部署react刷新出现404如何解决

nginx部署react刷新出现404应该如何解决，下面web建站小编给大家详细介绍一下！

解决404部署

server {
  listen 80;
  server_name https://www.xxx.com;
  location / {
    root xxx;
    index  index.html index.htm;
    rewrite ^/(.*)/(.*\.js$) /$1/$2 break;
      rewrite ^/(.*)/(.*\.map$) /$1/$2 break;
      rewrite ^/(.*)/(.*\.css$) /$1/$2 break;
      rewrite ^/(.*)/(.*\.(png|jpg|gif)$) /$1/$2 break;
    rewrite ^/(.*)/(.*\.(ttf|woff|woff2|svg|otf|eot)$) /$1/$2 break;
      rewrite ^/(.*)/ /$1/index.html break;
  }
}
server {
  listen       443;
  server_name  54.222.208.17;
  ssl                  on;
  ssl_certificate      /etc/nginx/your.pem;
  ssl_certificate_key  /etc/nginx/your.key;
  ssl_session_timeout  5m;
    #charset koi8-r;
    #access_log  logs/host.access.log  main;
    location / {
      root xxx;
      index  index.html index.htm;
      rewrite ^/(.*)/(.*\.js$) /$1/$2 break;
      rewrite ^/(.*)/(.*\.map$) /$1/$2 break;
      rewrite ^/(.*)/(.*\.css$) /$1/$2 break;
      rewrite ^/(.*)/(.*\.(png|jpg|gif)$) /$1/$2 break;
      rewrite ^/(.*)/(.*\.(ttf|woff|woff2|svg|otf|eot)$) /$1/$2 break;
      rewrite ^/(.*)/ /$1/index.html break;
    }
}

WordPress网站浏览器打开报错404错误是哪些原因导致的？

Nginx如何快速提高网站响应速度（Nginx Proxy Manager）

Nginx如何设置限流？方法介绍

Nginx是如何实现访问日志的？

Nginx支持哪些常见的HTTP头？（附配置说明）

标签： 404错误, nginx, react

上面是“nginx部署react刷新出现404如何解决”的全面内容，想了解更多关于 reactjs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_2996.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！