加载中...

随笔分类 -  水车--Nuxt3

Nuxt3
nuxt3 routeRules 配置教程 混合渲染配置
摘要：混合渲染允许每个路由使用不同的缓存规则路由规则并决定服务器应如何响应给定 URL 上的新请求。 以前，Nuxt应用程序和服务器的每个路由/页面都必须使用相同的渲染模式，通用或客户端。在各种情况下，某些页面可以在构建时生成，而其他页面则应在客户端呈现。例如，考虑一个带有管理部分的内容网站。每个内容页面 阅读全文
posted @ 2025-03-18 18:03 水车 阅读(338) 评论(0) 推荐(0)
nuxt3:http请求时需要注意得一些地方
摘要：前言 nuxt3 中获取后端数据总共有三个方法： useFetch() $fetch() useAsynData() 本篇教程就针对这三个方法的使用注意事项做一个记录 正文 写在最前 useFetch() 只能用在setup顶层函数中，或者是组件的 hooks的顶层函数中，如果放到子函数中，useF 阅读全文
posted @ 2024-01-23 20:28 水车 阅读(866) 评论(0) 推荐(0)
nuxt3:添加谷歌免费字体以及遇到的坑
摘要：前言 为了保证项目呈现的一致性，web往往需要添加一个字体文件到项目中。这里推荐直接实现 @nuxtjs/google-fonts google 字体 官网 正文 安装配置依赖 安装依赖 yarn add -D @nuxtjs/google-fonts 配置依赖 // nuxt.config.ts 阅读全文
posted @ 2024-01-15 17:04 水车 阅读(1961) 评论(0) 推荐(0)
nuxt3: 使用 NuxtImg 不生效和请求报500的解决办法
摘要：前言 Nuxt Image附带了一个预配置的unjs/ipx实例。一个基于lovell/sharp的开源自托管图像优化器。 IPX是Nuxt Image的内置和自托管图像优化器。但是我在使用时却报了500的错误，下面分享一下解决问题的过程 正文 安装配置依赖 # 安装依赖 yarn add @nux 阅读全文
posted @ 2024-01-15 12:48 水车 阅读(2048) 评论(0) 推荐(0)
Nuxt3教程：添加Autoanimate 动画库
摘要：前言 AutoAnimate是一个零配置，插入式动画实用程序，可以为您的Web应用程序添加平滑过渡。您可以将其与React，Solid，Vue，Svelte或任何其他JavaScript应用程序一起使用。 正文 安装依赖 # yarn yarn add @formkit/auto-animate # 阅读全文
posted @ 2024-01-15 11:36 水车 阅读(642) 评论(0) 推荐(0)
Nuxt3教程之：layouts
摘要：前言 layouts是Nuxt 提供了一个布局框架，用于将常见的 UI 模式提取为可重用的布局。本篇教程主要讲解一下layouts的一些基本概念 正文 layouts 是一个约定的文件夹名称，必须叫这个名称才能起作用 layouts文件夹中如果创建了 default.vue 这个文件, 则会给路由中 阅读全文
posted @ 2024-01-15 00:25 水车 阅读(658) 评论(0) 推荐(0)
给nuxt3基础scss模块
摘要：安装依赖 yarn add -D sass 配置 如果你有公共的scss文件，则需要在nuxt的配置文件中添加scss： // nuxt.config.ts export default defineNuxtConfig({ // more css: [ // SCSS file in the pr 阅读全文
posted @ 2024-01-14 22:00 水车 阅读(578) 评论(0) 推荐(0)