nuxt4

落魄江湖行

进阶篇五 Nuxt4 部署方案：从开发到生产pnpm build 会生成：最传统的方式，适合有服务器的情况：创建 ecosystem.config.js：

落魄江湖行

进阶篇四 Nuxt4 Server Routes：写后端 API最简单的 API：访问 GET /api/hello：按 HTTP 方法组织：客户端连接：使用 Zod 进行参数验证：

落魄江湖行

进阶篇三 Nuxt4 Nitro 引擎：Nuxt 的服务端核心Nitro 是 Nuxt 的服务端引擎，负责：简单说：Nuxt 前端 + Nitro 后端 = 全栈应用

落魄江湖行

进阶篇二 Nuxt4 渲染模式：SSR/SSG/CSR 怎么选特点：适用：动态内容、个性化页面特点：适用：博客、文档、营销页特点：适用：后台管理、工具应用特点：Nuxt 默认是 SSR + SWR：

落魄江湖行

基础篇八 Nuxt4 中间件进阶：请求拦截与权限校验前面我们学过路由守卫，用中间件控制页面访问权限。今天深入聊聊中间件的高级用法，包括请求拦截、权限校验、数据预加载等实战技巧。

落魄江湖行

基础篇九 Nuxt4 插件系统：扩展 Nuxt 能力插件放在 plugins 目录，自动注册：nuxtApp 对象包含：使用：⚠️ 全局方法以 $ 开头，这是 Nuxt 的约定。

落魄江湖行

基础篇六 Nuxt4 状态管理：useState 的正确用法组件间共享数据是前端开发的常见需求。Vue 2 时代我们用 Vuex，Vue 3 有了 Pinia，但 Nuxt 提供了一个更轻量的内置方案——useState。今天我们来学习它的正确用法。

落魄江湖行

基础篇三 Nuxt4 组件进阶：插槽与事件传递插槽让组件的内容可以由父组件决定：使用时：插槽可以设置默认内容，父组件不传时显示：一个组件可能有多个区域需要填充：

落魄江湖行

基础篇四 Nuxt4 全局样式与 CSS 模块写 CSS 看起来简单，但项目大了问题就来了：类名冲突、样式覆盖、主题切换……Nuxt 提供了多种样式管理方案，今天我们来梳理一下最佳实践。

落魄江湖行

基础篇二 Nuxt4 路由守卫：页面访问控制路由守卫就是导航过程中的"关卡"：Nuxt 用中间件来实现路由守卫，比 Vue Router 的方式更简洁。

落魄江湖行

入门篇八 Nuxt4页面元信息与 SEO：让搜索引擎爱上你的网站在 nuxt.config.ts 中配置全局默认 meta：现在所有页面都会有这些基础的 meta 信息。

落魄江湖行

入门篇六 Nuxt4错误处理：给应用装个安全气囊当用户访问不存在的页面时，需要展示一个友好的 404 页面。Nuxt 让这件事变得很简单。创建 error.vue（注意：在项目根目录，不是 pages 目录）：

落魄江湖行

入门篇四：Nuxt4布局系统：让页面框架复用变得简单目录一、默认布局二、自定义布局三、动态切换布局四、布局嵌套五、布局中传递数据六、命名插槽总结做网站时，你是不是经常遇到这种情况：首页、列表页、详情页都有相同的头部导航和底部版权信息。最笨的办法是每个页面都复制一遍，但改起来就痛苦了——改一个 footer 要改十个文件。Nuxt 的布局系统就是来解决这个问题的。

落魄江湖行

入门篇二：Nuxt 4路由自动生成：告别手动配置路由的日子目录一、开启路由功能二、基础路由：文件即路由三、动态路由：用方括号搞定四、嵌套路由：目录 + 文件的组合

落魄江湖行

入门篇一：Nuxt 4 快速上手：5分钟让项目跑起来目录一、环境准备二、创建项目三、认识目录结构四、启动开发服务器五、改点代码试试六、常见问题Q1：端口 3000 被占用怎么办？

Nuxt4 + Tailwind CSS v4 自定义响应式断点完整指南在 Nuxt4 项目中，如何正确扩展 Tailwind CSS v4 的响应式断点，支持 3xl ～ 7xl 等超大屏场景。

兔老大的胡萝卜

pm2 部署nuxt4项目项目路径天机 ecosystem.config.cjsbuild结束后执行 pm2 start ecosystem.config.cjs 注意！vite的配置可能会影响部署噢

我是有底线的