前端和后端无法通信

时间:2017-10-07 23:11:16

标签: angular koa2 domexception

我正在使用节点js中的koa框架为后端编写一个fullstack应用程序,使用角度4作为前端。问题是,当我通过前端在后端API上发布帖子请求时(例如,当我想登录时),我得到一个带有文本的“#DOM异常”#34;发生网络错误"和代码19.后端本身工作正常(我已经用邮递员测试过)。以下是我的角度代码片段,其中包括我发出请求的服务方法和处理响应的组件方法。

服务方式:

authenticate(username: string, password: string): Observable<boolean> {
    return this.http.post('localhost:3000/api/sign-in',
        JSON.stringify({ username: username, password: password }))

        .map((response: Response) => {
          let token = response.json().token;
          if (token) {
            this.token = token;
            localStorage.setItem('currentUser', JSON.stringify({ username: username, token: token}));
            return true;
          } else {
            return false;
          }
    });
  }

组件方法:

logIn(): void {
    this.authenticationService.authenticate(this.username, this.password)
    .subscribe(result => {
      if (result == true) {
        this.router.navigate(['/people']);
      } else {
        console.log('Username or password incorrect!');
      }
    });
  }

1 个答案:

答案 0 :(得分:1)

哦,你忘了在你的URL中指定协议,它应该是这样的:

this.http.post('http://localhost:3000/api/sign-in', ...