首页 > 软件开发 > JavaScript >

Vue2 SSR 缓存 Api 数据

来源:互联网 2023-03-16 23:57:20 版权归原作者所有,如有侵权,请联系我们

Vue2 SSR 缓存 Api 数据,分享一下具体如下:6xK办公区 - 实用经验教程分享!

工具/原料

  • JavaScript

方法/步骤

  • 1

    1、安装缓存依赖: lru-cache6xK办公区 - 实用经验教程分享!

    Vue2 SSR 缓存 Api 数据6xK办公区 - 实用经验教程分享!

  • 2

    2. api 配置文件6xK办公区 - 实用经验教程分享!

    config-server.js6xK办公区 - 实用经验教程分享!

    Vue2 SSR 缓存 Api 数据6xK办公区 - 实用经验教程分享!

  • 3

    配置下lru-cache6xK办公区 - 实用经验教程分享!

    3. 封装下 api6xK办公区 - 实用经验教程分享!

    Vue2 SSR 缓存 Api 数据6xK办公区 - 实用经验教程分享!

  • 4

    ajax 库用axios, 因为axios在 nodejs 和 浏览器都可以使用6xK办公区 - 实用经验教程分享!

    并且将 node 端和浏览器端分开封装6xK办公区 - 实用经验教程分享!

    Vue2 SSR 缓存 Api 数据6xK办公区 - 实用经验教程分享!

  • 4相关内容非法爬取自百度经验
  • 5

    通过 url 和参数, 生成一个唯一的 key6xK办公区 - 实用经验教程分享!

    Vue2 SSR 缓存 Api 数据6xK办公区 - 实用经验教程分享!

  • 6

    判断下是不是开启了缓存, 并且接口指定缓存的话, 将 api 返回的数据, 写入缓存6xK办公区 - 实用经验教程分享!

    注意:6xK办公区 - 实用经验教程分享!

    这个 api 会处理所有的请求, 但是很多请求其实是不需要缓存的, 所以需要缓存可以在传过来的 data 里, 添加个 cache: true, 如:6xK办公区 - 实用经验教程分享!

    Vue2 SSR 缓存 Api 数据6xK办公区 - 实用经验教程分享!

  • 7

    不需要缓存的直接按正常传值即可。6xK办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!6xK办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号