Passport/axios 不发布用户名密码

Question

我正在尝试 POST 用户名，auth 的密码到 Laravel/Passport 但它总是返回 null

axios.post('http://localhost:8000/api/login', {
    withCredentials: true,
    auth: {
      email: 'agent@test.com',
      password: 'qwerty!@#$%^'
    }
  })
  .then(res => {
    console.log(res);
  })

PassportController.php

public function login(){
    if(Auth::attempt(['email' => request('email'), 'password' => request('password')])){
        $user = Auth::user();
        $success['token'] =  $user->createToken('MyApp')-> accessToken;
        return response()->json(['success' => $success], $this-> successStatus);
    }
    else{
        return response()->json(['email'=>request('email')], 401);
// I return email to see value
// return response()->json(['error'=>'Unauthorised'], 401);
    }
}

api.php

Route::post('login', 'PassportController@login');

我检查了很多次，感觉一切正常，但由于某种原因，数据没有发送到护照。

控制台日志：

POST http://localhost:8000/api/login 401（未经授权）

{email: null}
email: null

Answer 1

最后我解决了我的问题，问题是不需要通过axios 发送credentials 和auth 因为从后端laravel 接受post 数据而不是auth 数据，所以我通过了email 和password通过表单数据而不是身份验证：

axios.post("http://localhost:8000/api/login", {
    email: "agent@test.com",
    password: "qwerty!@#$%^"
  })
  .then(res => {
    console.log(res);
  });

现在我在后端得到了令牌。

Answer 2

Laravel 可能正在使用 request 访问 POST 数据的值。 axios.post 方法的第二个参数是作为 POST 数据发送的对象，因此您可能只想将电子邮件和密码作为顶级键传递：

axios
  .post(
    "http://localhost:8000/api/login",
    {
      email: "agent@test.com",
      password: "qwerty!@#$%^"
    },
    { withCredentials: true }
  )
  .then(res => {
    console.log(res);
  });

我怀疑您通常将身份验证与HTTP ("Basic") Authentication 混淆了。 auth 键是 config 对象的一部分，您可以将其作为第三个参数传递给 axios.post，这将控制它。我认为这不是您所追求的，只是为了完整性而将其添加到此处。请注意，基本身份验证接受 用户名 和密码：

axios
  .post("http://localhost:8000/api/login", {}, {
      withCredentials: true,
      auth: {
          username: "agent@test.com",
          password: "qwerty!@#$%^"
      }
  })
  .then(res => {
    console.log(res);
  });