如何在 Gatsby 框架中构建工作 public 文件夹?我的意思是,如果我打开 index.html,我应该能够访问整个网站

How to build working public folder in Gatsby framework? I mean, if I open index.html, I should be able to access entire website

我愿意生成 Gatsby 网站,但我需要将其部署到本地应用程序中。所以从技术上讲,我需要将 public 文件夹和 link index.html 文件夹放在我想要的任何地方。但是,当我们生成构建时,index.html 不会显示整个网站。有什么方法可以让它发挥作用吗?

在 Gatsby freamework 中,我们通常会说 npm 运行 在 localhost:8000 上开发和测试我们的网站。现在让我们说 npm 运行 build 这样构建就会生成。

但我想将 index.html 用作全功能网站,就像我们通常以 HTML 和 CSS 的旧方式开发任何网站一样。

根据 index.html 文件的编写方式,有时仅在网络浏览器中本地打开文件是不够的——即使您不使用 Gatsby 也是如此。相反,有时它仍然需要由网络服务器提供服务。

我想您看到的是 index.html 页面可以正常工作,但随后某些链接“损坏”了,因为它们在打开index.html 文件在您的浏览器中,但在由 Web 服务器提供静态站点的真实上下文中它们实际上是正确的。

为了使这更容易,Gatsby 有一个内置命令来为已经构建的站点提供服务。 运行宁后:

gatsby build

…在终端中完成,运行:

gatsby serve

现在,Gatsby 正在 http://localhost:9000public/ 文件夹中为您的项目提供平面 HTML、CSS 和 JavaScript 版本,供您使用看法。你可以在浏览器中查看源代码,看看这是你的 HTML 文件的编译结果。希望对您有所帮助!