本文共 666 字，大约阅读时间需要 2 分钟。

Vue 使用fetch无法获取最新的数据请求 cache引起的错误

使用fetch的时候 postman等可以获取最新数据 但是vue中fetch到的数据还是老数据 原因是cache设置成了force-cache 改为no-cache即可

let requestConfig = {   			credentials: 'include',			method: type,			headers: {   				'Accept': 'application/json',				'Content-Type': 'application/json'			},			mode: "cors",			cache: "no-cache"		}

cache种类

①default 缓存相同的请求

②no-store 不缓存任何请求

③reload 创建一个正常的请求，并用响应更新HTTP缓存

④no-cache 如果HTTP缓存中有响应，并且不是正常请求，则Fetch创建条件请求。然后，它使用响应更新HTTP缓存。

⑤force-cache Fetch使用HTTP缓存中与请求匹配的任何响应，不管是否过期。如果没有响应，则会创建正常请求，并使用响应更新HTTP缓存。

⑥only-if-cached Fetch使用HTTP缓存中与请求匹配的任何响应，不管是否过期。如果没有响应，则返回网络错误。

（只有当请求的模式为“same-origin”时，才能使用任何缓存重定向，假设请求的重定向模式为“follow”，重定向不会违反请求的模式）。