reactjs - Netlify 页面未找到/白页

标签 reactjs react-router react-router-dom netlify

我一直在尝试找出 Netlify 重定向。我的 Netlify 应用程序位于此链接(但是这是一个区 block 链应用程序,需要您有元掩码,因此我将尝试解释我的问题,以便您不必安装它即可实际回答我的问题): rekt.netlify.app

我有两个主要问题:

  1. 我已经尝试过包含 /*/index.html 200 的整个 _redirects 文件。当我转到 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/之前有关。我是初学者,所以我不知道这实际上意味着什么。

  • 我遇到的第二个问题是,游戏的 img 标签加载在/games 页面上,但是,当您单击特定游戏并尝试转到/games/Valorant 时,例如图像将不会加载。我相信这是由于类似的问题造成的。我已经进入谷歌检查的网络选项卡,当我查看/games 页面中加载的图像时,它尝试 GET https://rekt.netlify.app/static/media/league_wallpaper.f5e6bf5f.jpg这有效。但是,当加载到/games/Valorant 页面时,它会尝试 GET 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 页面上。 enter image description here

    然后这是/games/Valorant 的屏幕截图,在我刷新页面并获得空白屏幕后尝试加载(它返回状态代码 200,因为我有 /*/index.html 200 在我的 _redirects 文件中。 enter image description here

    最佳答案

    我不久前也遇到过同样的问题,我刚刚添加了

    “主页”:“https://my-app.netlify.app”, 在 package.json 中,它运行得很好。

    关于reactjs - Netlify 页面未找到/白页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66503700/

    相关文章:

    javascript - 在 React 中呈现嵌套/线程评论

    javascript - 在 React 中移除事件监听器 (lodash.throttle)

    reactjs - React - 激活 onClick 函数会引发 'Cannot read property' 错误

    reactjs - React Router v4 渲染多条路由

    reactjs - 单击 react 中的按钮打开新页面

    javascript - React 组件不适用于 ES6

    javascript - 使用 React Router 在 React/Rails 应用程序中进行身份验证后管理重定向到子域

    reactjs - 开 Jest , enzyme : Invariant Violation: You should not use <Route> or withRouter() outside a <Router>

    reactjs - React Router - 导航到相同的路线导致重新渲染

    javascript - 如何在 React js 上使用历史记录重定向到另一个页面?