欢迎来到我的博客！在这里，我将分享我在前端开发方面的知识和经验。让我们一起探索前端开发的无限可能！

封装nuxt3的SSR请求和CSR请求方法

本文介绍了Vue3项目中基于Nuxt3的API请求封装与SSR实现方案。首先通过useFetch封装了useApiFetch方法，处理GET/POST请求参数差异，并设置统一请求头。接着创建API模块集中管理接口，页面直接调用无需放在生命周期中。重点说明了SSR实现要点：1)请求需在useAsyncData中进行，避免客户端/服务端渲染差异导致Hydration错误；2)通过SSR提示和页面源码可验证SSR是否生效。最后对比了错误的直接赋值和正确的useAsyncData数据加载方式，解决渲染水合不匹配问题

本文介绍了Nuxt项目中配置API代理的步骤：首先在.env文件中设置NUXT_PUBLIC_API_BASE为'/api'；然后在nuxt.config.ts中配置devProxy，将目标API地址指向测试环境；最后通过检查请求接口前缀是否变为本地代理路径来验证配置是否成功。该配置实现了开发环境下的API请求代理转发，方便前端调试。

【代码】nuxt3使用自定义组件。

复制到浏览器就可以访问，给别人使用必须是局域网，同一个网络。在nuxt.config.ts里面。这种表示没有在线访问本地链接。

vue2使用 /deep/ .el-input{}vue3使用 :deep(.el-input) {} vue3使用 /deep/ 无效全局渗透在页面使用 :global(.el-input){} 无视模块化和scoped属性在nuxt3中使用:deep(.el-popper.is-light){} 修改无效 但是修改其他属性可以 使用的:global(.el-popper.is-light){} 就可以全局修改

Nuxt是一个开源框架，它使web开发直观而强大。自信地创建高性能和生产级全栈web应用程序和网站。Nuxt 中文站 - 直观的Web框架 Nuxt3文档 · Nuxt。