nuxt

jieyucx19 天前
vue·web·nuxt·全栈·seo·ssr
Nuxt阶段二:核心概念 —— 路由、布局、组件与 Composables学习目标:掌握文件路由(动态/嵌套)、布局系统、组件自动导入、composables 与 useState。 预计时间:1–2 周 前置:完成阶段一,项目能 pnpm dev 跑起来。 本阶段产出:一个三页「个人博客骨架」(首页 / 文章列表 / 文章详情)。
jieyucx17 天前
中间件·vue·web·nuxt·全栈·ssr
Nuxt4阶段六:工程化与进阶 —— 模块、中间件、插件、TS 与测试学习目标:会用 Nuxt Modules、路由中间件、插件;理解 Nuxt 4 TypeScript 分层;能写基础测试与统一错误处理。 预计时间:1–2 周 前置:完成阶段一至五。 本阶段产出:带登录守卫的后台、一个实用插件、基础测试用例。
jieyucx17 天前
性能优化·vue·nuxt
Nuxt4阶段五:渲染模式与性能优化学习目标:理解 SSR / SSG / SPA / 混合渲染,会用 routeRules,掌握 SEO 与常见性能优化。 预计时间:约 1 周 前置:完成阶段四,有可访问的页面与 API。 本阶段产出:博客首页预渲染、后台 SPA、文章 ISR/缓存策略,并补齐 SEO。
jieyucx19 天前
vue·nuxt·全栈·ssr
Nuxt4阶段一:环境搭建与第一个 Nuxt 4 项目学习目标:安装开发环境、创建 Nuxt 4 项目、理解目录结构、跑通第一个页面。 预计时间:2–3 天 前置要求:会一点 HTML/CSS/JS;了解 Vue 3 Composition API 更佳(不了解也可边学边用)。
天渺工作室4 个月前
前端·nuxt·资源导航模板
Nuxt导航网站免费模板,用Nuxt复刻OneNav资源导航站最近想给自己搭一个导航站,把平时收集的各种工具、资源都整理起来。网上搜了一圈,发现 One Nav 那个 WordPress 模板挺好看的,但我不想用 WordPress,太重了。干脆自己用 Nuxt 3 手搓一个。
sg_knight8 个月前
运维·nginx·node.js·nuxt·ssr
Nuxt 4 生产环境部署指南 (Node.js + Nginx)本指南适用于 Nuxt 4 项目在 Linux (CentOS/Ubuntu) 环境下的 SSR(服务端渲染)部署。
小晗同学8 个月前
vue·vue3·nuxt·prettier·nuxt 4.x
创建第一个Nuxt v4.x 应用打开终端使用以下命令创建一个新的启动项目:(如果使用 Visual Studio Code,可以打开一个集成终端)
胡西风_foxww1 年前
axios·网络请求·nuxt·异步·nuxt.config.js
如何在nuxt项目中使用axios进行网络请求?在 Nuxt 项目中使用 Axios 进行网络请求有两种常用方式:一是直接安装 Axios 并全局配置,二是使用 Nuxt 官方推荐的 @nuxtjs/axios 模块(更便捷)。以下是详细步骤:
胡西风_foxww1 年前
css·nuxt·scss·sass-loader·node-sass·style-resources
如何在nuxt项目中使用scss在Nuxt.js中使用SCSS非常方便,无论是Nuxt 2还是Nuxt 3都有良好的支持。以下是详细的配置和使用方法:
netho01 年前
数据库·sqlite·vue·nuxt
nuxt3: trpc-nuxt和sqlite导致的503错误原文链接: https://www.xxdl.xyz/archives/nuxt-trpc-503-error-sqlite
努力了吗梁同学1 年前
前端·vue·pnpm·nuxt·nuxtimg
Nuxt3 中使用 pnpm 安装的 NuxtImg 使用会提示找不到图片在一个全新的 Nuxt 3 项目中,我打算像往常一样直接写:然而页面报错:猜测这一错误常见于 IPX (Nuxt 默认的本地图片处理服务)无法正常工作或缺少二进制依赖,如 sharp 等。
特立独行的猫a1 年前
开发语言·前端·javascript·路由·nuxt·nuxtjs
Nuxt.js 中的路由配置详解Nuxt.js 通过其内置的路由系统简化了应用的路由配置,使得开发者可以轻松地管理页面导航和 URL 结构。路由配置主要涉及页面组件的组织、动态路由的设置以及路由元信息的配置。
清欢ysy1 年前
nuxt·seo
nuxt3 seo优化在 Nuxt3 中,通过 @nuxtjs/seo、@nuxtjs/sitemap 和 @nuxtjs/robots 模块可以生成包含动态链接的站点地图(sitemap.xml),但具体是“实时生成”还是“部署时生成”,取决于你的配置方式和数据更新频率。以下是具体分析:
孤蓬&听雨1 年前
前端·vue·框架·react·开发·nuxt·next
前端开发10大框架深度解析在现代前端开发中,框架的选择对项目的成功至关重要。本文旨在为开发者提供一份全面的前端框架指南,涵盖 React、Vue.js、Angular、Svelte、Ember.js、Preact、Backbone.js、Next.js、Nuxt.js 和 Gatsby。我们将从 简介、优缺点、适用场景 以及 实际应用案例 四个方面对每个框架进行详细分析,帮助开发者在项目开发中做出更合理的选择。
陶然同学2 年前
java·javascript·springboot·nuxt
【学生管理系统】整合JWT(完)目录5. 整合JWT5.1 生成Token5.2 携带Token5.2.1 保存token5.2.2 携带token
小阿鑫2 年前
vue3·nuxt
2024 Nuxt3 年度生态总结hello,大家好,我是程序员海军。很荣幸能与大家分享我今年的第三篇文章。在过去的一年里,我深入探索了Nuxt3,并在多个项目中实际应用了这一前沿框架,从而对其功能和应用有了全面而深刻的理解。今天,我要带给大家的是一篇关于2024年Nuxt3生态发展的全景扫描。
Amd7942 年前
安全·日志·nuxt·清理·性能·钩子·响应
Nuxt.js 应用中的 afterResponse 事件钩子title: Nuxt.js 应用中的 afterResponse 事件钩子 date: 2024/12/6 updated: 2024/12/6 author: cmdragon
Amd7942 年前
安全·nuxt·性能·用户·处理·钩子·响应
Nuxt.js 应用中的 beforeResponse 事件钩子title: Nuxt.js 应用中的 beforeResponse 事件钩子 date: 2024/12/5 updated: 2024/12/5 author: cmdragon
Amd7942 年前
安全·nuxt·性能·请求·处理·钩子·实践
Nuxt.js 应用中的 request 事件钩子title: Nuxt.js 应用中的 request 事件钩子 date: 2024/12/4 updated: 2024/12/4 author: cmdragon
Amd7942 年前
生命周期·nuxt·清理·钩子·nitro·资源清理·close钩子
Nuxt.js 应用中的 close 事件钩子title: Nuxt.js 应用中的 close 事件钩子 date: 2024/12/2 updated: 2024/12/2 author: cmdragon