Bootstrap

[交互]交互的实战问题2

[交互]交互的实战问题2

  • axios升级导致的问题
    • axios 设置请求 header 方式
  • 多页签时,切换页签是否应该取消交互请求

axios升级导致的问题

axios 设置请求 header 方式

axios 早期设置请求 header 方式

config.headers.common.set('Pragma', 'no-cache')

有一天发现该方式突然不生效了,最后发现是升级axios导致的

axios 设置请求 header 方式的"^1.1.2" 版本

config.headers["Pragma"] = "no-cache";

多页签时,切换页签是否应该取消交互请求

首先需要确定我们的项目是不是允许缓存的,这与项目中页面是否为微服务并无关系

如果是不允许缓存,那么可以在切换页签时直接取消未完成的交互,因为下次再打开此页面的时候,需要重新发起所有的交互,所以不论是不是微服务都需要重新发起交互。

如果允许缓存,那么可以在切换页签后,页面需要展示上次的操作结果,如果直接取消未完成的交互会导致展示数据不正确,因为再次打开此页面的时候,需要展示上次交互的结果,因此也与是否是微服务没有关系

交互是否取消只与是否缓存有关系

;