nuxt-实战

背景 项目一开始定义仓库为 pc项目，后面逐步迭代中，发现有一些h5页面，也想放这个仓库里，导致一个仓库 既有 px单位，也有 vw单位。 既然有这样的需求，我们就开干， 项目基于 nuxt3+vue

前言 无论是在 vue还是 react 项目，我们势必会遇到 跨组件传输数据的场景， vue2 可以使用 vuex, vue3 可以使用 pinia; 在 nuxt3中，又给我们提供了一种额外的方式，

我们知道 nuxt3是一个全栈框架， 可以单纯的只写前端，也可以写后端接口， 今天我们使用 nuxt3写一个 文件上传接口 在 express 中，我们需要借助 multer 等 包进行文件文件上传操

在最近写的文章中，有小伙伴可能搞不明白，Nuxt3中 怎么去设计自己的Layout 导致在写代码的时候，可能很困惑， 今天用一个实际的案例讲解一下 我们以官网为例，有基本的布局, 有登录，有菜单等 问

以Nuxt3 开发的业务中，我们可能要做各种埋点动作， 比如 google埋点， facebook 埋点， 神策埋点 如果不同的埋点方， 提供了 npm 包的形式，也是可以直接 npm 安装使用， 今

背景： 在Nuxt3等具备SSR的 框架，做web站点的场景下， 我们如果做网站的 SEO优化, 就需要生成去生成网站的结构化数据，让搜索引擎更好的了解我们的网站。 但是这个过程，又比较繁琐。 网站结

我们在采用 Nuxt3做 web官网， 然后需要定期查看搜索引擎是否正确收录了我们的网页， 这个很关键 SEO 优化，是持续的操作， 并不是一次就ok了 前提条件 google 搜索引擎优化，需要能访

采用 Nuxt3 技术站， 大概率是希望做 SSR, 希望网页更好的被搜索引擎收录 在 nuxt3 中可以这样去指定某一个页面不被搜索引擎收录 使用标签 API写法 启动服务， 打开对应页面， 查看

在使用Nuxt3 框架开发的时候，我们会经常要从接口请求数据， 必然会遇到 useFetch 但是会有一些使用上的注意事项 环境 测试环境，截止2024-06-07 Nuxt 和 vue 均为最新版本

我们在开发 移动端 H5 项目，会经常需要使用 调试工具， 之前使用 VConsole, 现在给大家安利另一个款调试工具eruda 好用 功能丰富 ......已经够了 Vite or Nuxt3 先

在 nuxt3中，希望做路由验证，可以借助 definePageMeta 实现 场景 现在有2个页面，A 页面和B页面， 从A页面跳转到B页面携带了参数，如果参数不符合要求，就不要跳转到B页面， 要求

基础环境 安装 注意看看包的版本是不是都是 5.x 截止到 2024-05-22 上面2个包均为最新版本 代码 上述组件目前不需要包裹在 Nuxt3的 ClientOnly 里面。 经过测试，pnpm

环境 安装 开发环境和生产环境区分 使用 .env 进行区分 开发环境的key .env.development 生产环境 .env.production 已经定义好了开发环境和生产环境的 key n

随机数 看代码上没问题，放 SPA里面 也不会有任何问题，但是放nuxt3/SSR框架里面，就会出现 服务端渲染和客户端渲染不一致问题 造成了，服务端和客户端渲染内容不一致， nuxt3 会以 客户端