vue axios擁有強大的緩存功能，可以大幅提高程序性能，減少不必要的網絡請求。我們可以通過配置axios的一些參數來實現緩存，下面是幾種常見的緩存策略。

1. Last-Modified和If-Modified-Since

在請求頭中添加If-Modified-Since字段，服務器會比對該字段值與當前資源的最后修改時間，若無更改則返回304，否則返回新的資源。使用時只需設置axios的headers配置即可。
axios.defaults.headers.common['If-Modified-Since'] = '0';

2. Etag和If-None-Match

在返回的響應頭中加入Etag字段，該字段值為服務器對當前資源的摘要，每次客戶端請求時將該值放入If-None-Match字段中，服務器進行比對，若相同則返回304，否則返回新的資源。在請求頭中添加If-None-Match字段即可。
axios.defaults.headers.common['If-None-Match'] = '';

3. 自定義緩存

可以通過js的Map對象來實現自定義緩存。每次請求時先檢查Map中是否有緩存數據，若有則直接返回，否則發起網絡請求。將數據存入Map中則使用set方法，從Map中獲取數據則用get方法，每次請求時只需要修改axios的transformResponse配置就能實現。
const cacheData = new Map();
axios.defaults.transformResponse = [(data) =>{
const response = JSON.parse(data);
if (response.cacheKey) {
cacheData.set(response.cacheKey, response);
}
return response;
}];

使用axios緩存可以極大優化網絡請求性能，并提升用戶體驗，而不必擔心緩存過期的問題，可以適當調整緩存策略和時間，從而更好地達到性能和實效的平衡。