Question

我是离子的新手，我只是想用API创建登录页面。但它没有做什么

export class RemoteserviceProvider {
headers = new Headers( { 'X-API-KEY' : '578432679127342398465' }); 
 constructor(public http: Http) {
console.log('Hello RemoteserviceProvider Provider');
}

 login(credentials) {
  console.log(credentials);
  return new Promise((resolve, reject) => {
    this.http.post('xxxxxxxxxxxxxxxxxxxxx', credentials,{headers})
    .subscribe(res => {
      resolve(res.json());
    }, (err) => {
      reject(err);
    });
    console.log(err);
   });
   }

先谢谢

Answer 1

对我来说看起来像语法错误。尝试将this.http.post('xxxxxxxxxxxxxxxxxxxxx', credentials,{headers})更改为this.http.post('xxxxxxxxxxxxxxxxxxxxx', credentials,{headers: headers})。

Answer 2

您必须设置＆＃39;内容类型＆＃39;标题中的属性告诉api正在传递什么类型的数据。

body{
    background: url("../img/bg.jpg") no-repeat ;
    background-size: cover;
    background-attachment: fixed;
}

然后在api调用中，您应该将headers变量分配给headers属性

  import { HttpClient, HttpHeaders } from '@angular/common/http';

  let headers = new HttpHeaders();
  headers.set('Content-Type', 'application/x-www-form-urlencoded');
  headers.set('X-API-KEY' : '578432679127342398465');

this.http.post无法在离子3中工作，即使它没有显示任何错误

2 个答案: