使用 nginx 使用反应路由器应用程序获取 404 [重复]

Question

我有一个 react 前端应用程序，它使用 react-router 创建不同的路由。在开发服务器上它工作正常，但是当我构建项目时，它给了我 404，同时直接用不同的路由访问它。网站以xyz.net 完美打开。当我尝试使用xyz.net/login 访问它时，它会给出 404。

这是我的 nginx 配置文件

server {

listen 80;
server_name  xyz.net www.xyz.net;
root /root/frontend/react/build/;
index index.html;


location /api/ {

    include proxy_params;
    proxy_pass http://localhost:8000/;
}

}

Answer 1

当我遇到这个问题时，这对我有用：

location / {
                #...
                try_files $uri $uri/ /index.html$is_args$args;
                #...  
      }

但是，我在使用 *.ejs 模板进行开发构建和 *.html 插件使用 webpack 进行生产构建的其他项目中遇到了错误。我在这里找到的答案：

React-router issue when refreshing URLs with SSL Enabled

希望对您有所帮助。