react前端axios使用jwt token依然401 踩坑

调试完成Django drf jwt授权后在前端使用token请求授权接口依然是401，没有直接处理完成，记录处理过程以便分析

请求与生成token供前端使用参见《前后端分离使用drf jwt的token鉴权》

准备

axios使用用户名与密码获取token 并存储在localstorage中

    let user = 'testuser'
    let pass =  'testpassword'
    axios.post('http://localhost:8008/Plum/getToken',{
        username:user,
        password:pass
    }).then(res =>{
        const {token } = res.data;
        localStorage.setItem('token',token)
        setAuthToken(token)
    })

//setAuthToken 如下 设置供后续接口使用
function setAuthToken(token){
    if(token){
     // axios.defaults.headers.common['Authorization'] = token ; 
      axios.defaults.headers.common['Authorization'] = "JWT "+token ; //最后修改代码为
    }else{
      delete axios.defaults.headers.common['Authorization'];
    }
}
</