react 退出登录以后浏览器点击后退仍然能够返回上一页而不是跳转到登录页的解决办法

如图所示
image.png

就算退出登录,清除了token,但是本地有缓存,导致浏览器并不会发请求,直接从本地资料读取请求数据,从而导致点击浏览器的回退按钮应该跳转到登录页,却没有执行该操作。

解决办法也很简单,就是在请求头中加上
'Cache-Control':'no-cache'
代表不要缓存接口数据

应用在react使用的axios请求头拦截器中是这么个写法

axios.interceptors.request.use((config: any)=>{
    // 在发送请求之前做些什么
    config.headers['Cache-Control'] = 'no-cache';
    return config;
  }, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  });

在请求中加上这一段代码就不会再有这种事情发生了

你可能感兴趣的:(react.jsaxios)