reactHistory模式

问题在于,刷新页面实际目录不存在,要转到首目录
 

简单配置

要在NGINX中配置React的历史模式(history mode),你需要进行以下步骤:
  1. 确保你已经安装了NGINX。如果你还没有安装NGINX,请根据你的操作系统和发行版的文档进行安装。
  1. 打开NGINX配置文件。根据你的安装方式和操作系统,配置文件的位置可能会有所不同。通常情况下,NGINX的主配置文件位于/etc/nginx/nginx.conf
  1. 在NGINX配置文件中找到你想要配置的服务器块(server block)。这通常是一个以server { ... }开始和结束的代码块。
  1. 在服务器块中添加以下代码,以处理React的历史模式:
上述配置将尝试匹配请求的URI,如果找不到对应的文件或目录,则将请求重定向到index.html。这样做是为了确保React应用能够处理所有的路由,并返回正确的页面。
  1. 保存配置文件并退出。
  1. 重新启动NGINX服务,以使配置生效。你可以使用以下命令来重新启动NGINX:
或者,如果你使用的是systemd作为服务管理器:
完成这些步骤后,NGINX将会正确地配置为支持React的历史模式。这将允许React应用在刷新或直接访问特定路由时能够正确地加载页面。
 
Loading...
目录
文章列表
王小扬博客
产品
Think
Git
软件开发
计算机网络
CI
DB
设计
缓存
Docker
Node
操作系统
Java
大前端
Nestjs
其他
PHP