定义默认无缓存 axios 标头 - Javascript

No-cache是一个HTTP协议的属性，它的作用是告诉浏览器和中间的缓存服务器，在下一次请求该文档之前，需要向源服务器验证这个缓存是否过期。在使用axios进行数据请求时，为了避免缓存对数据及时性的影响，我们可以定义默认无缓存的axios标头。

代码实现

import axios from 'axios';

axios.defaults.headers.common['Cache-Control'] = 'no-cache';
axios.defaults.headers.common['Pragma'] = 'no-cache';

以上代码将定义了axios的默认请求头，其中Cache-Control和Pragma属性均被赋值为no-cache。因此，这些标头将会应用于我们使用axios发出的所有请求，从而保证不会使用缓存数据。

备注

在某些情况下，即便启用了 no-cache 请求头，我们的服务端仍然可能将一些非缓存相关信息返回给我们，例如ETag等。若要保证缓存的完全禁用，建议在服务器端设置相应的响应头进行控制。

参考链接

• MDN 关于 no-cache 的说明
• Axios 官方文档