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

1260 ℃

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,我们会在看到邮件的第一时间内为您处理!

wordpress如何关闭调试模式、错误模式
js批量替换全文指定文字(replaceAll方法)
为中小企业打造品牌网站有什么好处?
哪些因素会对网站优化排名起到关键作用?
wordpress如何给后台编辑器自定义按钮