在netlify上部署react app后,HTTP GET响应304状态错误

问题描述 投票:0回答:1
  • 我在netlify中部署了react应用程序
  • 所以我使用npm run build命令构建本地脚本,并在netlify中为生产模式手动部署应用程序
  • 构建脚本在本地计算机中创建并上载到netlify站点
  • 它将消息显示为成功部署
  • 在点击URL链接时,先前将构建脚本的GET请求的状态显示为404
  • 在构建文件夹中包含重定向文件后,它将状态更改为构建脚本的GET请求为304并将错误显示为 语法错误:未捕获错误:意外令牌<
  • 为了调试,我评论文件并运行代码以找出错误
  • 但是,无法找到根错误
  • 你们可以帮我解决你的建议吗?
  • netlify链接URL:https://lucid-shaw-bb2b3f.netlify.com
  • 应用程序代码可在github及其链接中找到:https://github.com/aarivalagan/react-one
  • 附件应用截图如下
  • 提供以下代码段:

_redirects

/*     /index.html   200!

的package.json

"scripts" : {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  }

enter image description here

javascript reactjs npm netlify
1个回答
1
投票

如果你要将_redirects放入你的create react app,它应该进入public文件夹。构建文件夹不应该在Netlify等连续构建解决方案的存储库中。

你在这里建议的_redirects通常用于当你使用像路由器这样的路由器这样的单页应用程序时,并且想要一条路径,当它不存在时总是去index.html。您不希望它解析资产价值路径。

无论浏览器请求什么网址,此重定向规则都将为index.html提供服务,而不是提供404。

_redirects

/*    /index.html   200

如果您强制index.html页面提供服务,即使没有有效路径(您的资产正在发生这种情况),也会发生什么。

  • 修复original issue
  • _redirects移动到public文件夹
  • 从重定向的末尾删除!,所以如果找到路径它正确地服务它并不总是强制它到index.html
© www.soinside.com 2019 - 2024. All rights reserved.