Question

我尝试创建Web应用程序并且我想测试HTTP函数，但是我遇到了问题。

例如：我有这个：

import { Injectable } from '@angular/core';

import { Headers, RequestOptions, Http } from '@angular/http';

import {Observable} from 'rxjs/Rx';

// Import RxJs required methods
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch';

@Injectable()
export class UserService {

    constructor(private http: Http) { }

    create(data: Object): Observable<any> {

        let headers = new Headers({'Content-Type': 'application/x-www-form-urlencoded'}),
              options = new RequestOptions({ headers: headers});

        return this.http.post('http://localhost:8000/api/signin', {headers:headers}).map((res) => { res.json(); alert('ma-ta'); }).catch((error:any) => Observable.throw(error.message));
    }    
}

该函数被调用，我验证了，但http.post不起作用，我的意思是，它没有将数据发送到该链接，在控制台中我没有网络，我得到这个：

12:01:18.779 Object { _isScalar: false, source: Object, operator: Object } 1 main.bundle.js:444:9

它只是一种空洞，只有我不需要的东西，比如错误信息或其他东西。有人可以帮帮我吗？

Answer 1

您正在发送一个空帖子。您正在设置标头（不需要），而不是通过post请求发送数据。请参阅以下内容：

create(data: Object): Observable<any> {
  let url: string = 'http://localhost:8000/api/signin';    
  return this.http.post(url, data)
    .map((res: Response) => res.json())
    .catch((error:any) => Observable.throw(error.message));
}

还记得导入以下内容：

import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';
import { Observable } from 'rxjs/Observable';
import 'rxjs/Rx';

Angular 4：HTTP没有发送POST数据

1 个答案: