Axios在调用Laravel API时捕获响应

Question

嗨，我正在为后端使用Laravel API，并在React中使用Redux进行登录。嗯，我调用API，我希望laravel API传递正在发生的事情的精确错误，例如用户不存在。问题是当我想在使用axios进行的调用的catch部分访问Mesage时

Laravel登录部分

public function login(Request $request){
        
        $loginData = $request->validate([
            'name' => 'required',
            'password' => 'required'
        ]);

        if (!auth()->attempt($loginData)) {
            return response(["message" => "I want to acces this message in the catch part of Axios"], 401);
        }

        $accessToken = auth()->user()->createToken('authToken')->accessToken;

        return response(['user' => auth()->user(), 'access_token' => $accessToken]);

    }

使用axios响应调用

Axios({
                method: 'post',
                url: '/login',
                data: {
                  name: name,
                  password: password,
                }
            }).then(function (response) {
                dispatch(authSuccess(response.data.access_token, response.data.user.id));
            })
            .catch(function (response) {
                console.log(response)
            });

我在网络控制台中得到的响应

xhr.js:177邮政http://127.0.0.1:8000/api/login401（未经授权）

我想获得我在Laravel API中传递的消息（“我想在Axios的catch部分访问此消息”）

Answer 1

您可以在此处使用从服务器接收到的错误对象，这是获取进一步流程错误对象的示例代码：

 Axios({
          method: 'post',
           url: '/login',
          data: {
             name: name,
             password: password,
                }
            }).then(function (response) {
                dispatch(authSuccess(response.data.access_token, response.data.user.id));
            })
             .catch(err => { 
        if (err.response) { 
          // client received an error response (5xx, 4xx)
        } else if (err.request) { 
          // client never received a response, or request never left 
        } else { 
          // anything else 
        } 
      })

Answer 2

在您的控制器中尝试这样返回响应

public function login(Request $request){
        
        $loginData = $request->validate([
            'name' => 'required',
            'password' => 'required'
        ]);

        if (!auth()->attempt($loginData)) {
            return response()->json([
                'status' => 'error',
                'message'    => 'I want to acces this message in the catch part of Axios',
            ], 401);
        }

        $accessToken = auth()->user()->createToken('authToken')->accessToken;

        return response(['user' => auth()->user(), 'access_token' => $accessToken]);

    }

在axios中捕捉错误

.catch((error) => {
                // console.log(error.response.data.status);
                console.log(error.response.data.message);
                
            })