react 刷新路由404

composurext

于 2019-10-22 10:24:39 发布

阅读量686

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript react 文章标签： react 404 react-router 刷新404 react 刷新页面404 nginx react 刷新页面404 react 服务器刷新页面404

本文链接：https://blog.youkuaiyun.com/composurext/article/details/102677555

JavaScript 同时被 2 个专栏收录

27 篇文章

订阅专栏

react

4 篇文章

订阅专栏

本文介绍了一种常见的Nginx配置问题，即在服务器上部署应用后，刷新页面出现404错误的解决方案。通过调整Nginx配置文件中的location指令和try_files参数，可以有效解决该问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

发布到服务器后可以正常访问，但是刷新当前页面不行，报404错误
解决办法：修改nginx配置
修改前：


server {
  listen       80;
  server_name  xxx.xxx.com;
  location / {
      root   /var/www/build;
      index  index.html index.htm;
  }
  error_page 404  /404.html;
  location = /404.html {
    root /var/www/html;
  }

}

修改后：


server {
  listen       80;
  server_name  xxx.xxx.com;
  location / {
      root   /var/www/build;
     try_files $uri /index.html
  }
  error_page 404  /404.html;
  location = /404.html {
    root /var/www/html;
  }

}