将 React 应用程序上传到服务器时，除“/”之外的所有路由 return 内部服务器错误

Question

这是我第一次将 React 应用程序上传到服务器（如果相关，则为 GoDaddy 应用程序），因此我运行 "npm 运行 build" 正如它所说在 package.json 中，然后通过 FileZilla 上传构建文件。登陆页面工作正常，直到我想重定向到另一个页面，例如“/quiz”。然后我收到以下消息 “内部服务器错误服务器遇到内部错误或配置错误，无法完成您的请求。 [...] 此外，在尝试使用 ErrorDocument 处理请求时遇到 500 Internal Server Error 错误。"

我尝试将 FileZilla 中的所有文件权限更改为 0755，但没有任何反应。我在想，也许当我过去尝试部署到 github 页面时，我可能已经更改了 package.json

中的一些重要内容

我想知道这是我在 React 路由器中做的错误（我输入 App.js），package.json 错误还是在服务器端。

可以看到源码here

Answer 1

您的构建文件夹中需要一个“.htaccess”。

在“.htaccess”文件夹中添加这些代码行

Options -MultiViews
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L]

或者，也许您应该考虑查看您的服务器文件配置。对于 Apache here.

将 React 应用程序上传到服务器时，除“/”之外的所有路由 return 内部服务器错误

When uploading React app to server all routes except "/" return Internal Server Error

http-status-code-500

reactjs

react-router