Vue2SSR缓存Api数据详解

1. 安装缓存依赖: lru-cache

npm install lru-cache --dev

2. api 配置文件

config-server.js

配置下lru-cache

3. 封装下 api

ajax 库我们用axios, 因为axios在 nodejs 和 浏览器都可以使用

并且将 node 端和浏览器端分开封装

通过 url 和参数, 生成一个唯一的 key

判断下是不是开启了缓存, 并且接口指定缓存的话, 将 api 返回的数据, 写入缓存

注意:

这个 api 会处理所有的请求, 但是很多请求其实是不需要缓存的, 所以需要缓存可以在传过来的 data 里, 添加个 cache: true, 如:

不需要缓存的直接按正常传值即可

当然这里标记是不是要缓存的方法有很多, 不一定要用这一种

相关推荐：

jquery中有哪些api实例分享

Nginx 解决WebApi跨域二次请求实例

深入理解Vue全局API

以上就是Vue2 SSR 缓存 Api 数据详解的详细内容，更多请关注Gxl网其它相关文章！