2024-07-23 前端开发 nuxt , SSR , Hook , 请求 , 事件 , 开发 , 前端 5 分钟阅读使用 useRequestEvent Hook 访问请求事件摘要:本文介绍Nuxt 3中useRequestEventHook的使用,可访问请求路径、方法和头部信息,适用于SSR环境下处理请求逻辑,如中间件、插件及API路由。仅服务器端生效,需注意安全性。阅读更多 cmdragon
2024-07-20 前端开发 Nuxt , 异步 , 数据 , 加载 , 框架 , 前端 , 编程 5 分钟阅读使用 useLazyFetch 进行异步数据获取摘要:“使用 useLazyFetch 进行异步数据获取”介绍了在Nuxt开发中利用useLazyFetch进行异步数据加载的方法,强调其立即触发导航特性,与useFetch相似的使用方式,以及如何处理数据状态和错误,通过示例展示如何在模板中根据数据加载状态显示不同内容。阅读更多 cmdragon
2024-07-18 前端开发 nuxt , 数据水合 , SSR , 前端 , 开发 , 同步 , 插件 4 分钟阅读Nuxt.js 中使用 useHydration 实现数据水合与同步摘要:介绍Nuxt.js中useHydration函数,用于控制客户端与服务器数据同步,实现数据水合。参数包括key、get和set函数,适用于多种场景,示例展示数据获取与显示流程。阅读更多 cmdragon
2024-07-17 前端开发 安全 , 编程 , Vuejs , HTML , XSS , 前端 , 组件 5 分钟阅读useHeadSafe:安全生成HTML头部元素摘要:“useHeadSafe”是Vue.js组合函数,用于安全生成HTML头部元素,通过限制输入值格式避免XSS等安全风险,提供了安全值白名单确保只有安全属性被添加。阅读更多 cmdragon
2024-07-13 前端开发 nuxt , SSR , Cookies , HTTP , 安全 , 编程 , 前端 13 分钟阅读useCookie函数:管理SSR环境下的Cookie摘要:本文详述了useCookie函数在服务器端渲染(SSR)中的应用,包括读写Cookie、配置选项如maxAge、expires、httpOnly、secure、domain、path及SameSite,并提供了encode、decode、default、watch等高级用法示例,以及如何在API路由中操作Cookie。阅读更多 cmdragon
2024-07-09 前端开发 nuxt , 错误处理 , 组件 , 静态内容 , 前端 , Vue , 实验特性 8 分钟阅读Nuxt框架中内置组件详解及使用指南(四)摘要:本文详细介绍了Nuxt 3框架中的两个内置组件:和的使用方法与示例。用于捕获并处理客户端错误,提供了错误处理和自定义错误展示的功能;而是一个实验性组件,用于渲染无客户端JavaScript的静态内容,以优化页面加载速度。文章包含组件的基本用法、配置步骤以及完整实例代码,有助于开发者高效利用这些组件提升Nuxt应用的性能与用户体验。阅读更多 cmdragon