详解Vue2 SSR 缓存 Api 数据(vue缓存数据)

编辑：rootadmin

推荐整理分享详解Vue2 SSR 缓存 Api 数据(vue缓存数据)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:vue设置缓存,vue js缓存,vue index.html缓存,vue缓存数据,vue缓存数据,vuestore的缓存数据,vue缓存数据,vuestore的缓存数据,内容如对您有帮助，希望把文章链接给更多的朋友！

本文介绍了Vue2 SSR 缓存 Api 数据，分享给大家，具体如下：

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

2. api 配置文件

config-server.js

配置下lru-cache

3. 封装下 api

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

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

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

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

注意:

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

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

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

本文链接地址:https://www.jiuchutong.com/biancheng/377404.html 转载请保留说明！