在react代码中的axios拦截器中做链接的转跳

Question

这个是React中使用的axios拦截器，如何在拦截器中做一个react的路由转跳？

import Axios from 'axios'

Axios.interceptors.request.use(function (config) {
  let token = window.localStorage.token;
  if (token) {
    config.headers.Authorization = `token ${token}`
  }
  return config
}, function (error) {
  return Promise.reject(error);
});

Axios.interceptors.request.use(function (config) {
  return config
}, function (error) {
  // 如何在这里加入react中的路由转跳？
  return Promise.reject(error);
});

Answer 1

//react-router-dom (rrouter v4),如果用brower方式的话，把createHashHistory替换createBrowerHistory就可以了
import {createHashHistory} from 'history';
const history = createHashHistory();
history.push('路由地址');

//react-router v3，如果用brower方式的话，把hashHistory替换browerHistory就可以了
import {hashHistory} from 'react-router';
hashHistory.push('路由地址');

Answer 2

import {HashRouter} from 'react-router-dom'
const router = new HashRouter()
router.history.push('/')

Answer 3

最近也遇到过 =_,=
不过我需求不是很复杂 所以暴力地直接 location.href='xxx' 跳了
坐等其它老司机回答

Answer 4

问一下 react项目中 拦截器要怎么配置

单独配置一个js文件 然后引入到index.js里面吗