时间戳

首页 > 解决方案 > nginx + 反向代理 + 反应路由器 - 路由不起作用

reactjs - nginx + 反向代理 + 反应路由器 - 路由不起作用

问题描述

我对nginx和配置完全蹩脚，所以我想请你帮忙。

目前我有这个配置：

server { 
  listen 80; 
  server_name domain.com; 

  location / {
    proxy_pass http://somehost:10010/;
    proxy_http_version 1.1;
  }
}

使用 react-router 运行 Create React App。

网站的当前行为：运行 domain.com 时，它正确打开主页，应用程序正常工作。

尝试运行 domain.com/some-route （我已正确配置反应路由）时，它显示 nginx 404 页面。

如何将任何路由重定向到主域，但将 domain.com/some-route 保留在 URL 中？

我试过try_files，但它对我不起作用......

标签： reactjsnginxreverse-proxyreact-router-dom

解决方案

对我的问题的回答比我想的更简单......我的实例上有两个 nginx：

  • 服务器上的一个
  • 由 docker 在容器内创建的一个

我必须在构建中创建配置，然后使用 docker 将其移动到容器中。

一切正常。

推荐阅读