这篇文章介绍了 Nuxt3 框架中页面和布局的过渡效果设置方法，以及首屏加载动画的添加。通过配置 nuxt.config.ts 文件和添加 CSS 样式，可以实现页面过渡效果。

前段时间刚好公司有项目使用了Nuxt.js来搭建，而刚好在公司内部做了个分享，稍微再整理一下发出来。本文比较适合初用Nuxt.js的同学，主要讲下搭建过程中做的一些配置。建议初次使用Nuxt.js的同学先过一遍官方文档，再回头看下我这篇文章。 原因其实不用多说，就是利用Nuxt…

前言 为了后续范例程式在页面呈现上能有比较好看的样式，原先有想过使用 UI 框架或纯写 CSS，但是总觉得好像不够潮，所以呢，我决定带入近年满热门的 CSS 框架 Tailwind CSS，在这系列文

本文档是从官网文档中摘录的一些重点内容，以及加入了自己的一些调整和对官网内容的理解和解释。适合新手学习，有一定技术水平的宝子，建议直接查看 [NUXT英文官网]

开发背景    熟悉我的朋友都知道我在开发自己的 个人网站 ，后端使用的是 NestJS + MySQL ，前端使用的是 NuxtJS + AntDesignVue ，目前前端使用的是Vue3的Com

```ts import {callWithNuxt} from "#app"; // 获取配置的变量 interface myFetchOptions { headers?: Record, //

1. 创建.env.development / .env.production 2. 修改package.json 除了任何进程环境变量之外，如果你的项目根目录下有一个 .env 文件，它将会在 开发

官方示例 Nuxt3给到了4个方法,官方的示例:useFetch, useLazyFetch, useAsyncData and useLazyAsyncData 确实对获取接口数据进行更友好的封装，

Nuxt3中提供的useFetch方法封装了很多网络请求的细节，不过该方法会因为渲染模式的不同在使用上也存在着一些差异。下面笔者就将会讲述如何在各种情况下为useFetch方法配置请求的代理。