在Ionic GET请求中发布设置自定义标头

时间:2018-07-18 18:24:41

标签: angular http ionic-framework get

我正在尝试向后端发出GET请求以检索数据以显示它。 但是GET请求失败,并且没有检索到任何数据,最初没有显示错误消息,但是过了一会儿,我的浏览器控制台返回了状态代码为“ 0”的错误。

GET http://localhost:3001/api/promotions 0 ()

我的代码如下,我在做什么错了?

let headers = new Headers();
headers.append("Authorization", "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjViNDdkZGUwYWM4NDkzMWM4MGYyMGJkNSIsImVtYWlsIjoidGVzdEB0ZXN0LmNvbSIsImV4cCI6MTUzNzEyMDQ1OCwiaWF0IjoxNTMxOTM2NDU4fQ.Lsm0BtGxfbtCWo-kHgQvxf3HyKudkwKuDh-TbVV78c4");
let opt = new RequestOptions({ headers: headers });

this.http.get('http://localhost:3001/api/promotions', opt)
.map(res => res.json())
.subscribe(data => {
  console.log(data);
  console.log("aaa");    
this.promotions = data.data.children;

console.log(this.promotions);
},
err => {
    console.log("No se pudo encontrar las promociones");
});

我确信令牌本身是正确的,因为我已经在邮递员中成功尝试过了。

1 个答案:

答案 0 :(得分:0)

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

此代码对我有用。

   getDataPostAuth(url,body) {


      return new Promise((resolve, reject) => {
      let headers = new Headers({ 'Content-Type': 'application/x-www-form-urlencoded' });

      let options = new RequestOptions({ headers: headers });
       options.headers.set('Content-Type', 'application/json' );
       options.headers.set('Authorization', 'Bearer '+ sessionStorage.getItem("token") );

      this.http.post( MainURL+url,body,options)
      .subscribe(res => {
      resolve(res.json());
      }, (err) => {
      reject(err);
      });
      });
      }

此代码用于发布。您可以根据自己的要求进行更改。