使用带有 nginx 的react-router应用程序获取 404

IT技术 reactjs nginx react-router
2021-05-14 23:14:57

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

这是我的 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/;
}

}

1个回答

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

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

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

在启用 SSL 的情况下刷新 URL 时出现react-router问题

希望有帮助。

其它你可能感兴趣的问题
上一篇有没有办法在原生 CommonJS 环境中使用 JSX？ 下一篇来自react应用程序的带有 JSON 负载的 HTTP POST 请求返回 net::ERR_SSL_PROTOCOL_ERROR(chrome)