时间戳

首页 > 解决方案 > 未找到 Netlify 页面/白页

reactjs - 未找到 Netlify 页面/白页

问题描述

我一直在尝试找出 Netlify 重定向。我的 Netlify 应用程序位于此链接（但这是一个区块链应用程序，并且要求您具有元掩码，因此我将尝试解释我的问题，以便您不必安装它来实际回答我的问题）：rekt.netlify。应用程序

我有两个主要问题：

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

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

  1. 我遇到的第二个问题是，游戏的 img 标签会加载到 /games 页面上，但是，当您单击特定游戏并尝试转到 /games/Valorant 时，例如图像将不会加载。我相信这是由于类似的问题。我进入了谷歌检查的网络选项卡，当我查看 /games 页面中加载的图像时，它尝试获取https://rekt.netlify.app/static/media/league_wallpaper.f5e6bf5f.jpg有效。但是，当在 /games/Valorant 页面中加载时，它会尝试获取https://rekt.netlify.app/games/static/media/league_wallpaper.f5e6bf5f.jpg并且这不起作用，它是一个空白页面。

您会注意到第二个链接中有 /games/ ，我认为这会阻止它获取图像。可能这里的问题是 URL 中不止一个 / 会搞砸事情吗？我不知道。这是我的 github 项目的链接：https ://github.com/jacob-tucker/ReKt

编辑：这里有一些屏幕截图，希望能有所帮助。第一个显示请求 URL 正在尝试从 /games/static 获取图像（我认为这没有意义）。这发生在 /games/Valorant 页面上。 在此处输入图像描述

然后这是 /games/Valorant 在我刷新页面并获得空白屏幕后尝试加载的屏幕截图（它返回状态代码 200，因为我/* /index.html 200的 _redirects 文件中有。 在此处输入图像描述

标签： reactjsreact-routerreact-router-domnetlify

解决方案

前段时间遇到了同样的问题，刚刚补充

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

推荐阅读