技术栈
nuxt.js
多厘
16 天前
nuxt.js
Nuxt 3 异步上下文指南:useNuxtApp() 与 await 的使用规范
本文档记录了在 Nuxt 3 SSR 项目中,useNuxtApp() 和 Pinia Store 在 await 异步边界后失去上下文的问题、根因分析、修复方案及最佳实践。适用于所有在 <script setup>、composable、工具类中编写异步逻辑的开发者。
书中枫叶
16 天前
typescript
·
node.js
·
nuxt.js
个人主页网站SEO | 个人博客基于Nuxt
本文介绍最近刚完成的个人小项目 Nook——一套个人站点 + 自建 CMS 的全栈方案:前台 SEO、后台在线发文、Node API 与 MongoDB 统一数据源。 线上示例:www.zhouyi.run(2g2h的小服务器部署多个项目快跑满了 有点慢嘻嘻)
加个鸡腿儿
2 个月前
前端
·
typescript
·
nuxt.js
Nuxt SSR 水合错误处理实践:响应式布局的正确姿势
在 Nuxt SSR 应用中,页面会经历两次渲染:水合 (Hydration) 是指 Vue 在客户端激活服务端渲染的静态 HTML,将其转换为响应式的动态应用。
加个鸡腿儿
2 个月前
前端
·
typescript
·
nuxt.js
解决 Nuxt SSR (服务端渲染) 环境下的水合错误 (Hydration Mismatch)
在 SSR 应用中,代码会在两个不同环境执行:如果直接在组件初始化时判断 window.innerWidth <= 768,会导致:
唐诗
2 个月前
前端
·
nuxt.js
Nuxt3 与官网 SEO:从 TDK 配置到搜索引擎收录
本文适合 SEO 初学者快速上手 Nuxt3 项目的搜索引擎优化使用 nuxt3(本文写于一年前) 做了个官网, 第一次做官网也没啥经验一切都是摸着石头过河! 开发完成后做了一些 SEO 的相关的优化,这里做一个记录
唐诗
2 个月前
前端
·
性能优化
·
nuxt.js
优化使用 Nuxt3 开发的官网首页,秒开!
一年前接了个官网的开发的活(这个文章其实也写了一年了!),使用 nuxt3 进行开发,使用 SSG 模式即执行 nuxt generate 后将产物进行部署
一拳不是超人
2 个月前
前端
·
nuxt.js
·
seo
从 Nuxt 架构到 GSC 治理:全栈工程师的 SEO 性能调优实战
SEO (Search Engine Optimization) ,即搜索引擎优化。从技术角度看,它是一场**“翻译”工程**:我们将复杂的业务内容,翻译成搜索引擎(Google, Bing, Baidu)能够高效抓取、精准理解并愿意优先推荐给用户的结构化数据。
诗子璇
3 个月前
nuxt.js
Nuxt4 开发实战
《Nuxt4 开发实战》公司新业务:创建一个国外的独立站。为了使页面能更快的渲染及更好的SEO我们选用了SSR,由于团队较擅长vue生态遂选择了Nuxt4。由于是第一次使用SSR框架开发项目,记录下探索和学习的过程。
草梅友仁
3 个月前
github
·
ai编程
·
nuxt.js
墨梅博客 1.0.0 发布与更新 | 2026 年第 2 周草梅周报
本文在 草梅友仁的博客 发布和更新,并在多个平台同步发布。如有更新,以博客上的版本为准。您也可以通过文末的 原文链接 查看最新版本。
vueTmp
3 个月前
前端
·
nuxt.js
个人开发者系列-上线即“爆火”?那些掏空你 Cloudflare 额度的虚假繁荣
本系列专为个人开发者打造,核心理念是以最小成本实现最佳效果,主要侧重于免费或低成本的解决方案。旨在为早期独立开发者提供实用参考,助力其在资源有限的情况下开启创业之旅。 下面的内容是对2025年10月的内容记录,希望我趟过的坑,你不再踩。
龙在天
3 个月前
前端
·
nuxt.js
Nuxtjs中,举例子一篇文章讲清楚:水合sop
水合:在客户端,将vue组件和服务器渲染的静态html 进行"激活"的过程,使其成为完全交互式的单页应用(SPA)。
vipbic
4 个月前
vue.js
·
nuxt.js
我封装了一个“瑞士军刀”级插件,并顺手搞定了自动化部署
在 Nuxt 3 的开发过程中,我们经常会遇到一些重复性的工作:封装 Fetch 请求、处理 AES/RSA 加密、配置 SEO Meta、判断设备类型等等。虽然社区有很多优秀的库,但每次新开项目都要重新把这些库集成一遍,还是略显繁琐。
枣把儿
4 个月前
android
·
前端
·
nuxt.js
「zotepad」用Gemini3pro写出一个高效写作和发文的记事本应用
起因是最近从 macos 切换到了 windows11,软件生态全部换新。而 Gemini3pro 前两周刚刚发布,我正好实验一下效果如何。就没有着急安装 Obsidian,用 Gemini3p 写了个 demo 「zotepad」试试。
Account_Ray
5 个月前
前端
·
vue.js
·
nuxt.js
vue3 的专属二维码组件 vue3-next-qrcode 迎来 4.0.0 版本
在现代 Web 应用开发中,二维码已经成为不可或缺的功能之一。无论是分享链接、支付场景还是身份验证,二维码都扮演着重要角色。今天给大家介绍一个功能强大的 Vue 3 二维码组件库 —— vue3-next-qrcode,它不仅支持基础的二维码生成,还提供了 LOGO、GIF 背景、SSR 等高级特性。
一口甜西瓜
5 个月前
前端
·
nuxt.js
nuxt2.x部署到linux
假设你的项目路径是:在项目根目录创建文件: /var/www/nuxt-app/ecosystem.config.js
Java陈序员
6 个月前
vue.js
·
nuxt.js
宝藏工具站!一个轻量实用的在线工具集合!
大家好,我是 Java陈序员。在日产生活中,常常需要各种小工具来解决日常遇到的问题,比如图片处理、文本转换、编程开发等。
parade岁月
6 个月前
前端
·
vite
·
nuxt.js
nuxt和vite使用环境比变量对比
尽管 Nuxt 和 Vite 都遵循 “显式指定优先” 的原则,但它们在处理通用配置文件(如 .env)时,采取了本质上不同的策略。
高台树色
6 个月前
nuxt.js
Nuxt 2 路由优化与 Sitemap 生成方案
现有工程的路由由 nuxt-i18n 管理,原生的 pages/ 目录结构会生成冗余路由,导致应用包体积增大。
togo
7 个月前
nuxt.js
NUXT4.js制作企业官网
additionalData 可以注入 SCSS 变量或 mixin 到每个 .vue 样式块。推荐使用 @use ... as * 而不是 @import,因为 @import 会重复加载。
拜无忧
7 个月前
前端
·
nuxt.js
【教程】Nuxt v4 入门指南与实践 (vue前端角度开发)
本部分旨在建立理解 Nuxt 价值定位所需的基础知识。它将从“为什么选择 Nuxt”过渡到“如何搭建项目”,重点关注定义 Nuxt 4 体验的架构原则和工具。