- 配置参考 Configuration
- 入门指南
- 介绍 Introduction
- 安装 Installation
- 配置 Configuration
- 视图 Views
- 资产 Assets
- 路由 Routing
- SEO and Meta
- 过渡 Transitions
- 数据获取 Data Fetching
- 状态管理 State Management
- 错误处理 Error handling
- 层结构 Layers
- 部署 Deployment
- 测试 Testing
- 升级指南 Upgrade Guide
- 核心概念
- 自动导入 Auto imports
- Vue.Js Vue.js Development
- 渲染模式 Rendering Modes
- 服务端引擎 Server Engine
- 模块化 Modules
- ES模块 ES Modules
- TypeScript TypeScript
- 目录结构
- 可组合项
- 组件
- 工具库
- fetch
- abortNavigation
- addRouteMiddleware
- clearError
- clearNuxtData
- createError
- defineNuxtComponent
- defineNuxtRouteMiddleware
- definePageMeta
- navigateTo
- onBeforeRouteLeave
- onBeforeRouteUpdate
- onNuxtReady
- prefetchComponents
- preloadComponents
- preloadRouteComponents
- refreshNuxtData
- reloadNuxtApp
- setPageLayout
- setResponseStatus
- showError
- updateAppConfig
- CLI 命令
- 进阶
- 深入探究
- 迁移指南
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
部署 Deployment
部署在 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
文件中明确设置所需的预设:
export default {
nitro: {
preset: 'node-server'
}
}
...或在运行nuxt build
时使用NITRO_PRESET
环境变量:
NITRO_PRESET=node-server nuxt build
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论