返回介绍

部署 Deployment

发布于 2024-04-18 00:42:19 字数 1422 浏览 0 评论 0 收藏 0

部署在 Node.js 服务器上,为静态托管和无服务器或边缘环境预渲染。

Nuxt 应用程序可以部署在 Node.js 服务器上,为静态托管预渲染,或者部署到无服务器或边缘 (CDN) 环境。

如果您正在寻找支持 Nuxt 3 的云提供商列表,请参阅下面的列表

Node.js 服务器

使用 Nitro 发现 Node.js 服务器预设以部署在任何节点托管上。

  • 默认输出格式如果没有指定或自动检测
  • 仅加载所需的块以呈现最佳冷启动时间的请求
  • 用于将 Nuxt 应用程序部署到任何 Node.js 托管

入口点

有两种方法可以将 Nuxt 应用程序部署到任何静态托管服务:

  • 使用 ssr: true 的静态站点生成 (SSG) 在构建时预呈现应用程序的路由。 (这是运行 nuxi generate 时的默认行为。)它还会生成 /200.html/404.html 单页应用回退页面,可以在客户端呈现动态路由或 404 错误( 尽管您可能需要在静态主机上配置它)。
  • 或者,您可以使用 ssr: false(静态单页应用程序)预呈现您的网站。 这将生成带有空 <div id="__nuxt"></div> 的 HTML 页面,您的 Vue 应用程序通常会在其中呈现。 您将失去预呈现网站的许多好处,因此建议改用“”来包装网站中无法通过服务器呈现的部分(如果有)。

基于抓取的预渲染

除了 Node.js 服务器和静态托管服务之外,Nuxt 3 项目还可以通过几个经过良好测试的预设和最少的配置进行部署。

您可以在 nuxt.config 文件中明确设置所需的预设:

nuxt.config.js|ts
export default {
  nitro: {
    preset: 'node-server'
  }
}

...或在运行nuxt build时使用NITRO_PRESET环境变量:

bash
NITRO_PRESET=node-server nuxt build

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文