我无法将静态站点部署到 Netlify

Question

我正在尝试在 Netlify 上部署一些 ui 组件。但是，它无法识别子文件夹中的 index.html 文件。因此，我部署的站点上没有显示任何内容。此外，所有 3 个索引文件都有相互链接。这是我的文件结构

├── ui-components
    ├── blog-cards
    │    └── index.html
    ├── login
    │    └── index.html
    ├── ads-manager
    │    └── index.html

我是否必须删除我的子文件夹并拿出我的索引文件才能将其部署在 Netlify 上，或者有什么办法可以解决吗？

编辑：

我通过这样做取得了一些进展，而不是按照建议将_redirects 文件放在我的应用程序的根目录中

/        /blog-cards/index.html    200
/login   /login/index.html         200
/ads-manager     /ads-manager/index.html   200

它在 blog-cards 文件夹中找到了我的 index.html，但是它现在没有加载我的 css 文件。完整的文件夹结构

├── ui-components
    ├── blog-cards
    │    └── index.html
    │    └── style.css
    │    └── images

这是netlify site的链接

Answer 1

您没有主要的index.html 文件，这就是您部署的站点上没有显示任何内容的原因。你应该在那里添加一些东西，即使只是一个空白页或一个带有指向其他项目的链接的占位符。

您可能不必这样做，只需浏览到 <siteurl>/ui-components/blog-cards 即可。

---

在进一步的 cmets 后更新。

如果您希望网站在登陆时自动转到子文件夹，那么您可以使用Redirects. 例如，将以下内容放在应用程序根目录中名为 _redirects 的文件中，我认为您需要这样做：

/        /ui-components/blog-cards    200
/login   /ui-components/login         200
/ads     /ui-components/ads-manager   200

（200 状态码意味着它将是一个底层重定向，这使得 URL 像你所说的那样保持干净。）

---

更新

是的，所以转发导致 .css 文件无法加载。

<link rel="stylesheet" href="style.css"> 会查看当前 URL 并在其中添加 style.css，这显然不是您想要的。

您可以更改为使用 302 转发它，这意味着会显示新的（不是很好的）URL，但随后 css 路径会正确解析。

或者，您可以添加第二个样式表链接来查找./blog-cards/style.css。

或者如果 css 足够小，你可以内联它，让一切变得更简单。