GET http：// localhost：8000 / users / login 404（未找到）

Question

我正在使用护照Js进行身份验证。

我已经通过Postman测试了API，并且一切正常。但是，当我实际上尝试使用登录页面登录时，出现以下错误：

获取http://localhost:8000/users/login 404（未找到）

//signin.html

<form class="px-4 py-3" [formGroup]="signinForm">
  <div class="input-group mb-3">
    <div class="input-group-prepend">
      <span class="input-group-text">@</span>
    </div>
    <input
      formControlName="username"
      type="text"
      class="form-control"
      placeholder="Email Address"
    />
  </div>
  <div class="input-group mb-3">
    <div class="input-group-prepend">
      <span class="input-group-text">#</span>
    </div>
    <input
      formControlName="password"
      type="password"
      class="form-control"
      placeholder="Password"
    />
  </div>
  <button type="button" class="btn btn-primary" (click)="login()">
    Sign In
  </button>
  <p style="color: white;margin-bottom: 0;margin-top: 2%;">
    New around here? <a [routerLink]="['/users/new']">Sign Up</a>
  </p>
</form>

//signin.component.ts

export class SigninComponent {
signinForm: FormGroup = new FormGroup({
username: new FormControl(null, [Validators.email, 
Validators.required]),
password: new FormControl(null, Validators.required)
});
constructor(private apiService: ApiserviceService, private router: 
Router) {}

login() {
if (!this.signinForm.valid) {
  console.log("Form Invalid");
  window.alert("Please Fill All Fields");
  return;
}
console.log(JSON.stringify(this.signinForm.value));
this.apiService
  .login(JSON.stringify(this.signinForm.value))
  .subscribe(data => {
    console.log(data);
  });
}
}

//apiservice.service.ts

login(body: any) {
return this.http.post("http://localhost:8000/users/login", body, {
  observe: "body"
});
}

//userRoutes.js

router.post(
"/users/login",
passport.authenticate("local", {
successRedirect: "/questions",
failureRedirect: "/signin"
}),
function(req, res) {}
);

//app-routing.module.ts

const routes: Routes = [
{ path: "question/:id/answer/new", component: AnswerComponent },
{ path: "question/:qId/answer/:aId/edit", component: 
EditanswerComponent }, 
{ path: "question/:id", component: AnswerComponent },
{ path: "questions/new", component: AskComponent },
{ path: "users/new", component: SignupComponent },
{ path: "signin", component: SigninComponent },
{ path: "questions", component: QuestionsComponent },
{ path: "answer", component: AnswerComponent },
{ path: "", redirectTo: "/users/new", pathMatch: "full" },
{ path: "**", component: PagenotfoundComponent }
];

获取http://localhost:8000/users/login 404（未找到）