时间戳

首页 > 解决方案 > 从 netlify 托管的我的 reactjs 中的链接断开

html - 从 netlify 托管的我的 reactjs 中的链接断开

问题描述

我最近通过 github 和我的网站托管在 Netlify 中，该网站是从 reactjs 呈现的。我的网站链接是https://realhomes.netlify.com/。因此，当我尝试从主页（索引页面）以外的其他页面重新加载我的网站时，它显示链接断开，我不知道如何修复它。请帮忙。

标签： htmlcssreactjsnetlify

解决方案

看起来您正在react-router网站内使用在不同页面之间进行路由。如果是这种情况，您需要告诉 Netlifyindex.html为所有内容提供文件，而不仅仅是站点的根目录。

从这个 netlify 博客文章

如果您选择使用某些东西进行路由（例如 React Router），您将需要为单页应用程序设置重定向和重写规则。

尝试添加/* /index.html 200到_redirects您发布目录中的文件或以下内容到您的netlify.toml.

[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200

在此处阅读文档

推荐阅读