如果你正在使用Angular 8应用程序并且出现忽略来自Http请求的内容安全策略的问题,可以按照下面的步骤解决:
import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
@Injectable({
providedIn: 'root'
})
export class DataService {
private headers = new HttpHeaders({ 'Content-Type': 'application/json' ,'Accept': 'application/json'});
constructor(private http: HttpClient) { }
public getData(apiUrl)
{
return this.http.get(apiUrl,{ headers: this.headers, responseType: 'json' });
}
}
以上代码中,我们将内容安全策略设置为'application/json”。
例如:
import { Component, OnInit } from '@angular/core';
import { DataService } from '../data.service';
@Component({
selector: 'app-data',
templateUrl: './data.component.html',
styleUrls: ['./data.component.css']
})
export class DataComponent implements OnInit {
people$ : Object;
constructor(private data: DataService) { }
ngOnInit() {
this.data.getData('https://jsonplaceholder.typicode.com/posts').subscribe(
data => this.people$ = data
);
}
}
以上就是解决Angular 8应用程序忽略来自Http请求的内容安全策略的方法。