如何在 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:9000
的 public/
文件夹中为您的项目提供平面 HTML、CSS 和 JavaScript 版本,供您使用看法。你可以在浏览器中查看源代码,看看这是你的 HTML 文件的编译结果。希望对您有所帮助!
我愿意生成 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:9000
的 public/
文件夹中为您的项目提供平面 HTML、CSS 和 JavaScript 版本,供您使用看法。你可以在浏览器中查看源代码,看看这是你的 HTML 文件的编译结果。希望对您有所帮助!