无法发布来自Ionic应用程序的HTTP请求

我正尝试login到本地托pipe的应用程序（现在）使用ionic framework。

这是我login的nodejs后端代码，这是为web应用程序的意思，但现在我也为android platfrom

// process the login form app.post('/login', passport.authenticate('local-login', { successRedirect: '/profile', // redirect to the secure profile section failureRedirect: '/login', // redirect back to the signup page if there is an error failureFlash: true // allow flash messages })); 

HTML代码在离子

  <ion-item> <ion-input type="text" placeholder="Email" name="email" [(ngModel)]="email"></ion-input> </ion-item> <ion-item> <ion-input type="password" placeholder="Password" name="password" [(ngModel)]="password"></ion-input> </ion-item> </ion-list> 

被称为的loginfunction：

 login() { this.http.post('10.222.103.169:8080/login', JSON.stringify({ email: this.email, password: this.password })) .map((response: Response) => { let user = response.json(); console.log(user); if (user && user.token) { // store user details and jwt token in local storage to keep user logged in between page refreshes localStorage.setItem('currentUser', JSON.stringify(user)); } } } 

如果我使用.subscribe方法为其提供错误其他login方法：

 login() { this.http.post('10.222.103.169:8080/login', JSON.stringify({ email: this.email, password: this.password })) .subscribe(data => { console.log(data); }); } 

./LoginPage类中的运行时错误错误LoginPage – 由于：无法在“XMLHttpRequest”上执行“open”：无效的URL

但链接是正确的，现在工作的问题是，它甚至不发送到服务器的发布请求。

PS：我是angular2的新手。

Answer 1

你必须这样做，如下所示。这是post方法的angular度方式。希望代码是自我解释。如果您需要任何帮助，请随时在下面评论。

  //login loginUser(email: string, password: string): Observable<any> { let headers = new Headers(); headers.append('content-type', 'application/json'); let body = { email: email, password: password }; let options = new RequestOptions({ headers: headers }); let url = this.authenticationEndPoint + encodeURI(username) + '&password=' + encodeURI(password); return this.http.post(url, body, options) .map(this.extractData) .catch(this.handleError); } //to extract data private extractData(res: Response) { let body = res.json(); return body || {}; } //to handle error private handleError(error: Response | any) { let errMsg: string; if (error instanceof Response) { const body = error.json() || ''; const err = body.error || JSON.stringify(body); errMsg = `${error.status} - ${error.statusText || ''} ${err}`; } else { errMsg = error.message ? error.message : error.toString(); } console.error(errMsg); return Observable.throw(errMsg); } 

Answer 2

将参数分配给URLSearchParams对象

  login() { let params = new URLSearchParams; params.append('email',this.email); params.append('password',this.password); this.http.post('10.222.103.169:8080/login',search:params ) .map((response: Response) => { let user = response.json(); console.log(user); if (user && user.token) { // store user details and jwt token in local storage to keep user logged in between page refreshes localStorage.setItem('currentUser', JSON.stringify(user)); } } }