Angular 修复角度http升级问题
这是一个旧的angular代码,我在Http、Header和RequestOptions中遇到了错误 有人能帮我解决这个问题并获得相同的功能吗。提前谢谢 我使用了“从'@angular/common/http'导入{HttpClient,HttpHeaders,HttpRequest}” 但是有些函数在这里仍然不能正常工作“let options=new-HttpRequest({headers:headers});” 下面应该有用 请注意以下更改Angular 修复角度http升级问题,angular,ionic-framework,angular-cli,angular9,Angular,Ionic Framework,Angular Cli,Angular9,这是一个旧的angular代码,我在Http、Header和RequestOptions中遇到了错误 有人能帮我解决这个问题并获得相同的功能吗。提前谢谢 我使用了“从'@angular/common/http'导入{HttpClient,HttpHeaders,HttpRequest}” 但是有些函数在这里仍然不能正常工作“let options=new-HttpRequest({headers:headers});” 下面应该有用 请注意以下更改 将import{Http}从'@angula
- 将
更改为import{Http}从'@angular/Http'
import{HttpClient}从'@angular/common/Http'
- 删除了
,因为这里不需要它JSON.stringify
- 删除了映射
,因为默认情况下angular返回一个对象。我添加了类型转换map(res=>res.json())
,以返回任何可观察的类型。你可以改变这个
从'@angular/core'导入{Injectable};
从'@angular/common/http'导入{HttpClient,HttpHeaders};
@可注射()
出口类后供应商{
服务器=”http://localhost/server_api/";
构造函数(公共http:HttpClient){}
postData(正文、文件){
const headers=新的HttpHeaders({
“内容类型”:“应用程序/json;字符集=UTF-8”
})
返回this.http.post(this.server+文件,正文,{headers})
}
能否请您在问题中包含错误,以便我们知道它到底是什么?很高兴它被修复,别忘了投票并接受,祝您编码愉快
import { Injectable } from '@angular/core';
import { Http, Headers, RequestOptions } from '@angular/http';
import 'rxjs/add/operator/map';
@Injectable()
export class PostProvider {
server: string = "http://localhost/server_api/"; // default
constructor(public http : Http) {
}
postData(body, file){
let type = "application/json; charset=UTF-8";
let headers = new Headers({ 'Content-Type': type });
let options = new RequestOptions({ headers: headers });
return this.http.post(this.server + file, JSON.stringify(body), options)
.map(res => res.json());
}
}
import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
@Injectable()
export class PostProvider {
server = "http://localhost/server_api/";
constructor(public http : HttpClient) { }
postData(body, file) {
const headers = new HttpHeaders({
'Content-Type':"application/json; charset=UTF-8"
})
return this.http.post<any>(this.server + file, body, {headers})
}