目的:改善响应时间并减少服务器负载。
适用于:服务器内存少,多次访问会造成服务器卡顿
插件: nuxt-ssr-cache
使用:
- 安装插件
npm install nuxt-ssr-cache -S
or
yarn add nuxt-ssr-cache -S
- 在nuxt.config.js中进行配置
// nuxt.config.js
module.exports = {
version: pkg.version, //如果提供了一个版本 他将会存储在缓存中,当再次部署的时候 将会把旧版本替换为新版本
modules: [
'nuxt-ssr-cache'
],
cache: {
useHostPrefix: false, //是否使用主机前缀 如果提供了多个主机名 可以设置为true
pages: [ //将要缓存的页面
//匹配所有页面
'/',
//可直接写页面的路由路径
'/page1',
// 可通过正则来匹配路径
/^\/page2\/\d+$/,
// 使用正则匹配首页
/^\/$/
],
key(route, context) {
return route //return 的route是想要设置缓存的路由 可通过函数来设置想要缓存的路由 如果想跳过缓存可以返回假值
},
store: { //store 有其他type存储的方式 具体可查看 https://github.com/arash16/nuxt-ssr-cache#readme
type: 'memory',
//缓存的最大的页面
max: 100,
// 缓存的时间 到期将过期
ttl: 60,
},
},
}