Netlify 页面不是 Found/White 页面

Netlify Page Not Found/White Page

我一直在尝试找出 Netlify 重定向。我的 Netlify 应用程序在这个 link(但是这是一个区块链应用程序并且需要你有 metamask,所以我会尝试解释我的问题,这样你就不必实际安装它回答我的问题): rekt.netlify.app

我有两个主要问题:

  1. 我已经尝试了整个 _redirects 文件,其中包含 /* /index.html 200。这在我转到 rekt.netlify.app/games 并刷新时有效,它实际上会返回到该页面。那挺好的。问题是当我然后去 rekt.netlify.app/games/Valorant 例如,刷新时它将是一个白页,我不知道为什么。在我的 React 应用程序中,我设置了 React 路由器,所以路径是 path="/games/:game"

我转到 google 检查中的“网络”选项卡,当我在 /games/Valorant 上刷新页面时,我发现这是 URL 的请求:https://rekt.netlify.app/games/static/css/2.80dce9aa.chunk.css 如您所见,问题可能与 URL 中的 /games/ 出现在 /static/ 之前有关。我是初学者,所以我不知道这到底是什么意思。

  1. 我遇到的第二个问题是,游戏的 img 标签会加载到 /games 页面上,但是,当您单击特定游戏并尝试转到 /games/Valorant 例如图像将不会加载。我相信这是由于类似的问题。我进入 google 检查的网络选项卡,当我查看正在加载到 /games 页面的图像时,它尝试获取 https://rekt.netlify.app/static/media/league_wallpaper.f5e6bf5f.jpg which works. However, when being loaded in the /games/Valorant page, it attempts to GET https://rekt.netlify.app/games/static/media/league_wallpaper.f5e6bf5f.jpg 但这不起作用,它是一个空白页面。

您可以注意到第二个 link 中有 /games/,我认为它阻止了它获取图像。这里的潜在问题是 URL 中超过一个 / 的任何东西都把事情搞砸了?我不确定。这是我的 github 项目的 link:https://github.com/jacob-tucker/ReKt

编辑:这里有一些屏幕截图,希望对您有所帮助。第一个显示请求 URL 试图从 /games/static 获取图像(我认为这没有意义)。这发生在 /games/Valorant 页面上。

然后这里是 /games/Valorant 在我刷新页面并得到一个空白屏幕后尝试加载的屏幕截图(它 returns 状态代码为 200 因为我有 /* /index.html 200 在我的 _redirects 文件中。

我前段时间遇到了同样的问题,我刚刚添加了

"homepage": "https://my-app.netlify.app", 在 package.json 中,它运行良好。