- 综合排序
- 最热优先
- 最新优先
- 来自专栏小小孩子们的博客
nuxt3目录结构详解
nuxt3目录结构详解 在 Nuxt.js 3 中，一个应用程序的文件夹结构具有一定的规范性。
4.6K10编辑于 2024-02-03 - 来自专栏柠檬先生
初步学习Nuxt3
Nuxt3 用于制作ssr 网页 支持vue3 所有的语法，并且支持了TypeScript, vite+vue3+composition api + ts。
1.4K30编辑于 2022-06-27 - 来自专栏Coooooooooode！（前端）
Nuxt3 数据请求 useAsyncDatauseFetch
配置SSR Nuxt3 默认首屏SSR，由服务端渲染，可以通过配置 ssr:false 来取消服务端渲染 nuxt.config.ts export default defineNuxtConfig({ ) 数据请求 根据vue 的声明周期，只有 setup beforeCreate Created**里的内容会在服务端执行，所以如果是首屏服务端渲染时，需要将获取数据方法写到这几个生命周期之中** Nuxt3
4.7K41编辑于 2023-10-30 - 来自专栏Nuxt.js 实战系列
Nuxt3 实战 (五)：Header 头部布局
这两周一直忙公司系统的迭代需求，没啥时间捣鼓自己的小项目，趁着项目进入测试收尾阶段，抽空把 Layout 布局的 Header 部分先搞好。
61810编辑于 2025-08-13 - 来自专栏Coooooooooode！（前端）
Nuxt3 plugins(插件) element plus 使用
要我说，如果要定义全局公共方法不如在composables中创建文件，定义方法好用。
1.3K20编辑于 2023-11-02 - 来自专栏无所事事者爱嘲笑
nuxt3 + ts + eslint+ prettier
初始化nuxt3项目 如果报错参考这篇 添加eslint和prettier 安装以下包，版本不限（这些版本暂时无报错） { "@vue/eslint-config-prettier": "^7.0.0 eslint-plugin-vue": "^9.3.0", "prettier": "^2.7.1", "typescript": "^4.9.5", "eslint-plugin-nuxt": "^4.0.0", // 针对nuxt3 es2021: true, }, extends: [ 'plugin:vue/vue3-recommended', 'plugin:nuxt/recommended', // 针对nuxt3 `␍`eslint(prettier/prettier)报错，如出现添加此项即可，不是最佳方案，详见补充2 }, ], }, } 注释都是需要注意的地方和常见错误 补充 因为nuxt3 所以在nuxt3项目中使用'plugin:nuxt/recommended'替换'eslint:recommended'规则，在vue-cli项目中可以使用'eslint:recommended'即可。
3K40编辑于 2023-03-01 - 来自专栏Coooooooooode！（前端）
Nuxt3 反向代理配置
由于Nuxt的首屏服务端渲染，以及只有浏览器才受同源限制 的问题，在面对跨域请求时，需要对客户端和服务端都进行代理
2.8K31编辑于 2023-10-30 - 来自专栏秃头开发头秃了
Nuxt3正式发布！5个纬度全方位感受Nuxt3的魅力！
引子 大家好，我 HoMeTown，在Nuxt3公测版过去的一年里，RC版中进行了各种性能改进与功能新增，11月16日，Nuxt3终于迎来了第一个稳定版本3.0的正式发布！ 参考：Nuxt3 自动导入 和 Nuxt3 TypeScript 支持所有渲染模式和所有环境，SSR2More！ Nuxt.js有一个主要的特性是可以自己选择浏览器还是服务器渲染模式。 除了基本的3种模式，Nuxt3 还支持一些无服务器环境，比如AWS Lambda。Nuxt3 也根据环境进行了预置方案，可以部署在Serverless、Workers等搭建成本比较高的环境中。 参考：Nuxt3 渲染模式 基于Vue3的高性能开发！ Nuxt3可以让你自己去补充一些你觉得框架不够的核心功能，比如现有的@nuxt/image、@nuxt/content等等。 参考：Nuxt3 模块 完结
4.3K30编辑于 2023-01-10 - 来自专栏Coooooooooode！（前端）
Nuxt3 基于H3做后台接口
Nuxt3实现接口 Nuxt3 是使用node做ssr页面渲染的， 自带了H3 可以对接口进行处理。 Nuxt3 自动扫描 ~/server/api,~/server/routes,~/server/middleware目录中的文件，进行注册对应的接口 目录结构 即目录结构为↓，访问/api/login 就是接口的返回内容 这里需要注意，如果我们即使用代理，又要使用nuxt3来写接口的话，在代理时不可以使用api作为代理名称，否则访问就会被代理到对应地址。
2.1K41编辑于 2023-11-24 - 来自专栏Coooooooooode！（前端）
Nuxt3 状态管理 useState && pinia
可以自动将内容存入cookie 在 Nuxt3 中只有cookie时可以服务端和客户端都能获取到的npm i -D @pinia-plugin-persistedstate/nuxtnuxt.config.jsexport
2.6K52编辑于 2025-08-06 - 来自专栏Coooooooooode！（前端）
Nuxt3 项目基础配置超详细 and 项目模板
Nuxt基础配置模板地址 https://github.com/Seven7v/Nuxt3-vue3-project
3K33编辑于 2023-11-01 - 来自专栏Nuxt.js 实战系列
Nuxt3 实战 (六)：Footer 底部布局
3、 这里我们顺便给 AppColorMode 组件加个切换过渡动画，让网站丰富一点：
36510编辑于 2025-08-13 - 来自专栏各类技术文章~
Nuxt3初探（四）——layouts的使用
基本概念 layouts是Nuxt3提供的一种方便开发者快速实现自定义布局的约定 使用该约定需要在根目录下创建layouts文件夹，并在里面创建.vue文件用来作为布局模板。
3.5K20编辑于 2021-12-08 - 来自专栏执行上下文
Nuxt3中pinia持久化处理！
在使用nuxt3开发SSR渲染的项目的时候，如何将pinia持久化到本地？如何自动引入自定义的仓库store模块，减少手动引入的麻烦？
31710编辑于 2025-11-20 Nuxt3全栈开发 · 配置篇
最近在用Nuxt3全栈开发个人博客，踩了不少小坑，这篇文章总结一下。依赖库及博客主要功能先来介绍一下我用到了哪些 Nuxt3 的相关生态及对应的功能。 如果没有表明在何处配置，则默认是在 nuxt.config.ts 的顶级如果代码中变量明显没有引入，则是使用了 Nuxt3 的 auto imports颜色模式colorMode: { preference 这也是后面文章输出的重点方向，即 Nuxt3 的全栈开发。欢迎关注 「早早集市」
84300编辑于 2025-01-24- 来自专栏Nuxt.js 实战系列
Nuxt3 实战 (一)：初始化项目
Nuxt3 的优点基于 Vue3 的优势：Nuxt3 充分利用了 Vue3 的所有优点，包括性能优化、响应式编程和更好的 TypeScript 支持。 模块化：Nuxt3 具有丰富的模块化生态系统，使得开发者能够轻松地扩展应用的功能，减少开发工作量。通过模块化的方式，开发者可以更加高效地组织和管理代码，提高开发效率。 文件系统路由：Nuxt3 的文件系统路由允许开发者通过简单的文件和目录结构来组织应用路由，使得开发过程更加简洁明了。这有助于减少配置工作量，提高开发效率。 性能优化：Nuxt3 通过使用最新的 Web 技术和优化技巧，提供了更好的性能和更快的加载速度。无论是服务端渲染还是静态站点生成，Nuxt3 都能帮助开发者提高应用的性能表现。 灵活的配置和插件系统：Nuxt3 提供了更灵活的配置选项和插件系统，使得开发者能够根据自己的需求进行定制和优化。这使得 Nuxt3 具有很高的可扩展性和灵活性，能够满足各种复杂的开发需求。
1.6K20编辑于 2025-08-13 - 来自专栏Nuxt.js 实战系列
Nuxt3 实战 (七)：配置 Supabase 数据库
这两天我一直在网上寻找最适合 Nuxt 的数据库，之前在做个人项目时经常用的是 Mysql 和 MongoDB，也用过 ORM 框架比如：Sequelize、TypeORM，本来计划使用 Prisma，后来认真看了 Nuxt 集成的数据库模块后，还是选择了 Supabase，在我看来主要原因有3点：
2.3K00编辑于 2025-08-13 - 来自专栏用户4184852的专栏
Nuxt3的useFetch、useAsyncData、useLazyFetch、useLazyAsyncData的区别
本质上useFetch和useAsyncData没有什么区别，useAsyncData可以在请求的时候编写自己的业务逻辑
4.5K20编辑于 2023-01-02 - 来自专栏Nuxt.js 实战系列
Nuxt3 实战 (八)：优雅的实现暗黑主题模式
前言 在 Nuxt3 中要实现暗黑模式，需要用到一个库：color-mode，它可以帮助我们很轻易地实现暗黑模式切换。
74100编辑于 2025-08-13 - 来自专栏Nuxt.js 实战系列
Nuxt3 实战 (十)：使用 Supabase 实现 RESTful 风格 API 接口
备注 /api/websites Get 读取 /api/websites Post 新增 /api/websites Put 更新 /api/websites Delete 删除 前端实现 阅读 Nuxt3 data }} </template> 接口的相关逻辑，自己可以根据实际情况修改，具体的数据库操作文档可参考： Supabase API DOCS 效果预览 总结 本篇文章我们学到了以下知识： Nuxt3
97510编辑于 2025-08-14
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号