果粒诚博客

nuxt3开发记录

nuxt3开发记录记录1 问题：ssr前后端渲染不一致，后端渲染时没有数据，导致刷新页面数据异常，但是通过前端点击是正常的。原因：要正常识别ssr需要页面中使用的数据就是接口返回的响应式数据，这样才能做到后端渲染接口返回数据。我在开发中页面上使用的响应式数据是自己在页面中定义的ref，接口返回数

前端编程

使用Nuxt3构建强大的API接口：实现前后端数据交互在 Nuxt 3 中，defineEventHandler 是用于定义服务器端事件处理器的函数，它提供了一个 event 对象，通过这个对象你可以访问请求（request）和响应（response）相关的信息。这个 event 对象包含了许多有

前端编程

Nuxt3中数据请求的使用与封装实践前言这篇文章记录一下Nuxt3网络请求的方法，结合了自己项目的需求对其中的数据请求进行了统一的封装，这样可以统一处理公共的请求逻辑，采用的是Nuxt3自带的useFetch方法。一、Nuxt3中数据请求方式 Nuxt3提供了多种方法来处理应用程序中的数据获取

前端编程

Nuxt3使用pinia并持久化处理，同时配置自动引入自定义的仓库store模块前言需要注意的是，我们的pinia仓库持久化操作只有在客户端渲染时操作才能触发，比如当第一次访问页面时，你可能直接在setup中给仓库存储内容，这是无效的，我们需要保证在客户端渲染时触发才行，比较好的办法就是在onM

编程前端

在nuxt中引入Font Awesome字体图标库介绍在element-ui框架中提供了一些图标样式，但是种类比较少，所以在这里提供一套更完善的字体图标库Font Awesome（官方文档），下面就开始介绍如何在一个nuxt项目中使用这套字体库。引入步骤 1.进入Font Awesome官方网

编程前端

nuxt.js用npm或pnpm初始化仓库报错报错内容 Failed to download https://raw.githubusercontent.com/nuxt/starter/templates/templates/v3.json: TypeError: fetch failed 问

前端编程

npm、yarn、pnpm 设置最新国内镜像源（附官方镜像源和最新阿里源），以及 nrm 的使用教程阿里最近（指的是 2022 年～～哈哈）更换了淘宝镜像的域名，原域名的 SSL 证书已经过期了（2024/01/22），最近使用旧淘宝镜像的应该都遇到 Error: certificate ha

前端编程

vue性能优化的一些方法总结

前端编程

vue响应式原理和vue2和vue3原理的区别这道题问道的频率极高,就我经历的多场面试几乎都会问到,而且是面试到vue方面的开门题。 vue2是根据Object.definepropretyApi来对数据进行劫持，并结合订阅-发布设计模式来实现的。vue3是用proxy代理对象来实现的。 Obje

编程前端