nuxt3
Nuxt3 基础总结
前言 Nuxt3 的对比之前的2 和 1 ，只能感叹前端发展的越来越快了，不学无术 开发更快 打包更小 支持 vite 支持 vue3 支持自动引入 支持文件路由 支持布局系统 支持多种渲染模式 支持 typescript 支持 composition-api 安装NUXT3 需要node 大于16 ......
Nuxt3.0中使用MongoDB
如何在Nuxt3.0中使用MongoDB数据库 一、介绍 Nuxt.js 是一个基于 Vue.js 的开源框架，用于构建服务端渲染 (Server-Side Rendering, SSR) 或静态生成 (Static Site Generation, SSG) 的单页应用 (Single-Page ......
nuxt3构建优化
1.性能分析 network分析 Lighthouse分析 利用浏览器的Lighthouse工具不仅能够了解到首屏渲染速度等信息，并还能提供相应优化建议 Bundle分析 在nuxt3不需要自行下载第三方依赖也能够进行Bundle分析 配置： 在nuxt.config.ts下写入 export de ......
nuxt3设置404页面
1.在你的page目录下新建一个[...slug].vue的文件，文件内容为自定为自定义的404内容 <!--404页面--> <template> <div class="error-page"> 404 </div> </template> <script setup lang="ts"> se ......
如何在Nuxt3.0中使用MongoDB数据库
如何在Nuxt3.0中使用MongoDB数据库 一、介绍 Nuxt.js 是一个基于 Vue.js 的开源框架，用于构建服务端渲染 (Server-Side Rendering, SSR) 或静态生成 (Static Site Generation, SSG) 的单页应用 (Single-Page ......
【腾讯云 Cloud Studio 实战训练营】使用在线编程的方式用Nuxt3开发一个后台管理系统（附源码）
## 前言 大家好，我是刘明，开源技术爱好者，十年创业老兵。 CSDN近期联合腾讯云、Coding、CloudStudio组织了【腾讯云Cloud Studio实战训练营活动】，苦于前些日子一直在备考注册会计师，没有很好的体验Cloud Studio的云IDE产品。现在考试结束了，体验了一把云IDE ......
nuxt3如何配置语言包切换
记录nuxt-i18n 配置： 安装 # npm npm install @nuxtjs/i18n # yarn yarn add @nuxtjs/i18n # pnpm pnpm add @nuxtjs/i18n 设置 // nuxt.config.js 根据后端接口返回的字段值 新建语言包文件 ......
使用 nuxt3 开发简约优雅的个人 blog
## 起因 很早前我就有过搭建个人博客的想法，但是我希望使用纯前端实现，这样就不需要付出额外的后端维护成本，维护成本又低，而且更加安全。网上也有很多博客框架但是也不符合我的需求，所以我使用了nuxt3 + ts搭建了自己的个人博客，更加贴合个人需求，在功能和样式也能做到随心所欲 前端的同学一定不会陌 ......
nuxt2升级nuxt3
> 记录升级nuxt3.0过程及问题 ## 为什么要升级 👀 - leader要求的=_= ## 升级后有什么好处和问题 好处从直观来看有： - build出来的文件更小了🥕 - 本地开发启动更快了🏃🏻♀️ - 使用vue3的语法，代码更清晰👁 - 拆分了server层，功能更清晰👁 ......
NUXT3.0实现网络请求二次封装
😊最近在开发基于nuxt3.0的项目，看了官网的网络请求，感觉不太适合，就自己基于官网的useFetch()方法封装了一个网络请求，下面开始实现封装。 🚚第一步：新建http.ts文件，用于编写封装代码 我选择在composables目录中新建http.ts。composables是官方默认的插 ......
记一次Nuxt3更改生成的_nuxt文件夹名称的坑
目的：修改静态生成文件夹名称：_nuxt => static 改这个的原因是部署到Github Page的时候 _nuxt里面的js/css文件提示404，查了一下是因为Github的content policy不允许这类文件的加载。 buildAssetsDir应该包裹在app里面，而不是直接将这 ......
Nuxt3环境变量配置
Nuxt3 正式发布还不到半年，在投入生产环境使用后，遇到了不少问题，很难找到合适的解决方案，其中环境变量配置就是其中一个，之前一直未能解决，最近要上持续集成，无法绕过这个问题，所以花了点时间研究了一下，最终找到了解决方案，记录一下。 官方文档 面对一个新框架，我们自然是希望官方文档能够详细地说明使 ......
宝塔部署nuxt3
首先本地执行打包 npm run build 然后把目录中的四个文件压缩成zip 在宝塔文件处添加一个网站的文件目录，并把文件解压到里面 点击左侧的网站，然后选择node项目，选择node版本安装 安装完后，点击新建项目，选择你放项目的文件夹，启动项要自定义 node .output/server/ ......
nuxt3 新建项目失败
传送门：https://blog.csdn.net/weixin_40973138/article/details/106081946 IP地址查看传送门：https://site.ip138.com/raw.githubusercontent.com/ ......
我为什么推荐Nuxt3
我为什么推荐Nuxt3？ 大家好，我今天想和你们分享一个非常棒的前端框架——Nuxt3。自从我接触了Nuxt3，我发现它在前端开发领域具有很多优点。我想逐一向你们介绍Nuxt3的优势，并向大家推荐一些学习资源。 Nuxt3的优点 1、基于Vue3： Nuxt3是基于Vue.js 3开发的，Vue.j ......