我在 gh-pages 上部署了一个 React 应用程序。问题是 URL (
https://username.io/react-app-name
) 不起作用,因为应用程序没有到 react-app-name
的路由。它必须只是 /
或 /users
等。因此,这种错误会加载“未找到”页面。未找到的页面有一个“返回主页”按钮,它会将我带到主页/
,然后应用程序就可以工作了。
如何解决这个问题?
如果我正确理解您的问题,您可能错过了在
homepage
文件中正确设置 package.json
属性。
具体操作方法如下:
package.json
文件。https://<gitname>.github.io/<repo-name>
。这是一个例子:
{
"name": "react-app",
"version": "0.1.0",
"homepage": "https://gitname.github.io/react-app-name",
....
}
您的 React 应用程序将部署在
/react-app-name
。
要了解有关如何将 React 应用程序部署到 GitHub Pages 的更多信息,请阅读 this。
如果确实正确完成,您可能需要考虑在 basename
中指定
BrowserRouter
属性,为应用程序中的所有位置提供基本 URL 路径(如 @ivanosevitch 的回答中所建议)。
如果以上方法都不能解决问题,请详细说明您的问题,以便更容易理解问题的根源。