当前位置: 首页 > 面试题库 >

在Nginx服务器中未显示404的react.js应用程序

潘银龙
2023-03-14
问题内容

我将react.js应用程序上传到服务器。我正在使用Nginx服务器。应用程序运行正常。但是,当我转到其他页面并刷新时,网站无法正常工作。显示404找不到错误。

我该如何解决。

谢谢。


问题答案:

当您的react.js应用加载时,路由由前端处理react- router。例如说您在http://a.com。然后在页面上导航到http://a.com/b。此路由更改在浏览器本身中处理。现在,当您刷新或打开http://a.com/b新标签中的网址时,请求将转到您nginx的特定路由不存在的地方,因此您得到404。

为了避免这种情况,您需要为所有不匹配的路由加载根文件(通常为index.html),以便nginx发送该文件,然后由浏览器上的react应用处理该路由。为此,您必须进行以下更改nginx.confsites- enabled适当更改

location / {
 try_files $uri /index.html;
}

这告诉nginx寻找指定的$uri,如果找不到,则将其发送index.html回浏览器。



 类似资料:
  • 问题内容: 我正在用uWSGI和nginx运行Flask应用程序。出现500错误,但在浏览器或日志中未显示回溯。如何记录Flask的追溯? uWSGI日志仅显示500状态代码,而不显示回溯。nginx日志中也没有任何内容。 问题答案: 过将FLASK_ENV环境变量设置为,以开发模式运行development。未处理的错误将在终端和浏览器中显示堆栈跟踪,而不是一般的500错误页面。 在Flask

  • 本文向大家介绍在Nginx服务器中使用LibreSSL的教程,包括了在Nginx服务器中使用LibreSSL的教程的使用技巧和注意事项,需要的朋友参考一下 本文会介绍一些 Nginx 与 Libressl 一起使用实践经验。 本文所用软件的版本     nginx 1.6.0     libressl 2.0.0 安装 直接从源码编译LibreSSL,构建过程的输出非常简洁,源码还附带测试用例及提

  • 我按照这个指令创建了一个grpc服务器和客户端:https://docs . Microsoft . com/en-us/aspnet/core/tutorials/grpc/grpc-start?view=aspnetcore-3.0 当我尝试从客户端调用服务时,客户端会显示以下错误消息:“发生了一个或多个错误。(状态(StatusCode=Unknown,Detail=No Status re

  • 我正在尝试运行Spring Boot REST API应用程序,但遇到了404错误。 波姆。xml 我还尝试了,但没有成功。你能帮我解决这个问题吗? 如果我打http://localhost:8080/hello网址,然后我得到404。

  • 我有一个在tomcat和jetty服务器上工作的spring web应用程序,但是当我将它部署在jboss服务器(7.1.1版本)上时,出现了一个错误404。 我在web.xml中的配置是 我们使用AbstractAnnotationConfigDispatcherServletInitializer用java配置来配置Spring 我的SoftWebConfig是 这个应用程序在TOMCAT和J

  • 这个问题听起来可能重复,但事实是,我还没有收到解决方案。我刚刚进入struts2,正在尝试一个登录应用程序。我附上了以下图书馆: 当我单独运行正常的JSP页面(没有struts标记)时,它运行正常。但每当我单独运行带有struts标记的jsp页面时,它都会显示。在创建整个网络之后。xml和struts。xml并运行它报告的整个应用程序。我知道问题是我的jsp页面没有被识别。请帮忙。 网状物xml: