如何在每个请求中添加拦截器以保持请求，即不缓存请求

Question

Internet explorer caches http requests. Instead of manually adding a header to each individual function I want to do something like this

axios.interceptors.request.use((config): AxiosRequestConfig => {
return addNoCachingHeader(config);
  });

and

const addNoCachingHeader = (config: AxiosRequestConfig): AxiosRequestConfig => {
  return { ...config, headers: { ...config.headers, Pragma: "no-cache"} };
};

is there a simple way to keep IE from caching requests without going back through my whole app and adding headers to each individual request?

Answer 1

I think using a generic client approach would be better here.

const client = axios.create({
  baseURL,
  timeout: 5000,
  responseType: 'json',
  headers: { Pragma: "no-cache" },
});

And to use in other places import client and call client.get or client.post

if you want to override headers at some point, make this to a function

const client = (headers) => axios.create({
  baseURL,
  timeout: 5000,
  responseType: 'json',
  headers,
});

and use as client({ Pragma: 'no-cache' }).get(...)

Answer 2

创建一个您希望所有请求都使用的标头的中间件，然后让您的应用程序通过app.use（yourHeaderMiddleware（req，res，next））使用它。