nuxt 性能优化——服务端缓存的实现

683 阅读1分钟

目的:改善响应时间并减少服务器负载。 适用于:服务器内存少,多次访问会造成服务器卡顿 插件: nuxt-ssr-cache 使用:

  1. 安装插件
npm install nuxt-ssr-cache -S 
or
yarn add nuxt-ssr-cache -S
  1. 在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,
	    },
	  },
}