angular - 如何将 header 添加到 Angular 2 中的发布请求?

标签 angular angular2-http

//In services.ts

import { Injectable } from '@angular/core';
import { Http, Headers, RequestOptions } from '@angular/http';
import 'rxjs/Rx';
@Injectable()
export class DataService {

constructor(private http: Http) {   }
fetch(){
   return this.http.get('json-object-link').map(
      (res) => res.json()
    )
       }

 }

//In component

 ngOnInit() {

 this.dataService.fetch()
    .subscribe(
      (data) => this.ninjas = data
    );
}

I want to add the following header to this request:
"headers":
{
"content-type": "application/json",
"access_token": "abcd"
}

最佳答案

@Injectable()
export class UserService {
    constructor (private http:HttpClient) {}

    getUserByName(username: string) {
        let url="http://localhost:8088/rest/user/userName";
        let header=new Headers({'Content-Type': 'application/json', 'Authorization': 
            'Bearer '+localStorage.getItem("access_token")});
        return this.http.post(url, username, {headers: header});
    }
}

关于angular - 如何将 header 添加到 Angular 2 中的发布请求?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44295584/

相关文章:

angular - this.http.get 的超时时间不能超过 2 分钟吗?

typescript - 具有基本安全授权的 Angular 2 调用 API

Angular:找不到不同的支持对象 '[object Object]'

angular - 带有 Angular 6 的 Jquery roundslider

javascript - angular 2 服务不调用 php 文件

angular - 在 Angular 6 组件 ngOnInit 函数中测试 rxjs 间隔

Angular 2 HTTPS 请求

javascript - 如何使用 JavaScript 在 AngularJS 2.0 中调用 Restful API?

Angular Material 2 容器

angular 2 - 在 http 错误处理程序中注入(inject)服务