如何修复Vue中GET请求的401（未经授权）错误

Question

我登录到应用程序，然后向数据库发出axios GET请求。但是，将返回401（未经授权）错误。我该如何解决？

Answer 1

401表示请求未在请求标头中使用令牌。 我认为您需要检查令牌是否存在

const PusherClient = new Pusher('pusherAppKey001', {
    encrypted:true,
    wssPort:6001,
    wsHost:`${PUSHER_SERVER}`,
    cluster:'mt1',
    disableStats:true,
    authEndpoint: `${PUSHER_SERVER}/broadcasting/auth`,
    auth:{
      headers: { 
        Authorization: "Bearer " + jwtToken,
        Accept: "application/json"
    }
    },

});


PusherClient.connection.bind('state_change',(state)=>
{
  console.log(state);
   console.log(state.current);
})

或者如果要使所有请求都带有令牌，则可以使用axios拦截器来拦截所有请求以添加授权标头并处理响应。

  let token = localStorage.getItem('user')
  if (token) {
    axios.defaults.headers.common['Authorization'] = token;
  } else {
    axios.defaults.headers.common['Authorization'] = null;
  }