如何在angular 2中设置标题[重复]

Question

我有以下标题

var headers = new HttpHeaders();            
    headers.set('Content-Type', 'application/json');
    headers.set('X-Quikr-App-Id', '1087');
    headers.set('X-Quikr-Token-Id', '785582933');
    headers.set('X-Quikr-Signature-v2', '86742d91e19bc30cdd923bf6a84194c133570659');
    headers.set('Access-Control-Allow-Origin', '*');


this.http.get('https://api.quikr.com/public/adsByLocation?lat=28.64649963&lon=77.22570038&from=0&size=1', {
                     headers:headers })
  .subscribe(

这是抛出一个例外，而当我从邮递员那里做同样的事情时，它是有效的。奇怪的是，当我从我的应用程序运行这个时，我只在选项中出错，也就是说，甚至我的get调用都没有被调用，我在我的响应中看不到任何标题。
有人能建议我帮忙吗？谢谢。

  Request URL:https://api.quikr.com/public/adsByLocation?lat=28.64649963&lon=77.22570038&from=0&size=1
Request Method:GET
Status Code:401 Unauthorized
Remote Address:104.120.157.164:443
Referrer Policy:no-referrer-when-downgrade
Response Headers
view source
Connection:keep-alive
Content-Length:12
Content-Type:text/plain; charset=utf-8
Date:Thu, 01 Feb 2018 07:20:20 GMT
WWW-Authenticate:xBasic realm="fake"
Request Headers
view source
Accept:application/json, text/plain, */*
Accept-Encoding:gzip, deflate, br
Accept-Language:en-US,en;q=0.8
Cache-Control:no-cache
Connection:keep-alive
Host:api.quikr.com
Origin:http://localhost:4200
Pragma:no-cache
Referer:http://localhost:4200/
User-Agent:Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/47.0.2526.73 Safari/537.36

Answer 1

参考Angular 2 Angular Http指南@Angular/Http已被弃用，并且@Angular/common/Http应该是您在Angular 2应用程序中使用的。因为如果不指定http头，默认请求将作为内容类型text/plain发送，因此修改http头的方法如下：

import { HttpClient, HttpHeaders } from '@angular/common/http';  
.....
const req = this.http.get('https://api.quikr.com/public/adsByLocation?lat=28.64649963&lon=77.22570038&from=0&size=1',
                        JSON.stringify(object),
                        {
                         headers:new HttpHeaders()
                         .set('Content-Type','application/json' 
//other headers here
                         }).subscribe();

Answer 2

不要把布景分开，只要

var headers = new HttpHeaders()
    .set('Content-Type', 'application/json');
    .set('X-Quikr-App-Id', '1087');
    .set('X-Quikr-Token-Id', '785582933');
    .set('X-Quikr-Signature-v2', '86742d91e19bc30cdd923bf6a84194c133570659');
    .set('Access-Control-Allow-Origin', '*');

HttpHeaders是“不可变的”，其他方法可以做到这一点

var headers = new HttpHeaders();            
headers=headers.set('Content-Type', 'application/json');
headers=headers.set('X-Quikr-App-Id', '1087');
       ...
//Or 
var headers=new HttpHeaders({
   'Content-Type':'application/json',
   'X-Quikr-App-Id', '1087',
   ...
})