在 Nuxt 3 中,缓存配置可以通过 `nuxtApp.hook` 和 `defineNuxtConfig.routeRules` 实现。`nuxtApp.hook` 可在服务器端通过设置 `Cache-Control...
标签归档:Nuxt
在 Nuxt 3 中实现缓存
在 Nuxt 3 中实现缓存,可以通过多种方式进行,包括 HTTP 缓存、数据缓存以及组件缓存等。以下是一些在 Nuxt 3 中实现缓存的具体方法。 1. HTTP 缓存 配置 HTTP 缓存头 可以在 nuxt....
Nuxt集成Fancybox
要在Nuxt中集成Fancybox,按照以下步骤: 安装依赖 # Usage with NPM npm install --save @fancyapps/ui # and with Yarn yarn...
Nuxt处理服务端请求拦截方法
Nuxt处理服务端请求拦截方法: Vue页面apiPost方法入参请求 server/utils/http 对/api/all发出请求 server/api/all 对服务器发出请求 serv...
Nuxt中如何使用useStorage,实现菜单缓存
Nuxt中如何使用useStorage,参考的文档不多,除了官方的useStorage文档之外,可靠的示例文档不多。今天我就做一个实现菜单缓存的功能。 需求 进入页面,有缓存取缓存(localStorage),无缓存...
Nuxt如何请求本地API
我们在测试开发时,经常会遇到本地请求虚拟的数据,常见的有mock来模拟。Nuxt说一种简单的模拟本地API数据。 创建API # Generates `server/api/links.ts` npx nuxi a...
Nuxt中Element-plus设置中文语言
Nuxt安装Element-plus后,发现默认语言是英的,如何设置为中文呢?这种方法太推荐,这和@element-plus/nuxt是按需自动导入相违背,打包运行的_nuxt/entry.*******.js看到里面讲...
Nuxt、WordPress获取token
Nuxt来做一个WordPress服务端渲染的项目,使用axios封装的方式,我们来获取一个用户的token。安装JWT Authentication for WP REST API,需要详细阅读插件页面的文档来安装。登...
Nuxt3服务端渲染(SSR)请求封装-方法三
本次使用Axios进行封装做Nuxt3服务端渲染。同上可以自行加post等其他请求。在pages/index.vue做一个简单的get请求。...
Nuxt3服务端渲染(SSR)请求封装方-法二
之前写的一个Nuxt请求封装使用defineEventHandler的方式是来自官方文档的一个简单的封装,可能使用起来也不是很熟悉,现在换一个种写法。本项目没有配置在线接口,可根据自己需要更换 baseUrl,文末提供的...
Nuxt3服务端渲染SSR请求封装-方法一
Nuxt3服务端渲染(SSR)方式,请求需要放到server/api目录,整理两个请求简单封装。 Post请求 // server/api/all.post.ts import winston from 'wins...
Nuxt3如何根据路由、useHead title,制作一个面包屑导航?
在 Nuxt.js 中,您可以使用 Vue.js 组合 API 中的 useRoute 挂钩来访问当前路由,并使用 useHead 挂钩来访问和更新特定页面的头部元信息。通过组合这两个钩子,您可以创建一个动态面包屑导航,...
Nuxt3 PM2部署端口3000怎么修改
Nuxt3 PM2部署默认端口是3000,下面是官方的文档: To use pm2, use an ecosystem.config.js: module.exports = { apps: < { ...