无法使用带有解决方案的代理配置在angular中对HttpClient执行post请求
当我试图在无法使用带有解决方案的代理配置在angular中对HttpClient执行post请求,angular,httpclient,Angular,Httpclient,当我试图在HttpClient中发出post请求时，得到下面的错误，而rest客户端也给出了正确的响应。与angular 1相同，$http服务正在按预期工作 尝试了多种方法，但post或get方法均无效。 我正在使用angular cli，我在其中配置了proxy.config.json { "/api/*":{ "target":"http://10.104.40.14:8290/my_app", "secure":false, "l
HttpClient$httpproxy.config.json{
"/api/*":{
"target":"http://10.104.40.14:8290/my_app",
"secure":false,
"logLevel":"debug"
}
}
zone.js:2933 POST http://localhost:4200/api/security/login 401 (Unauthorized)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>Error 401 Unauthorized</title>
</head>
<body><h2>HTTP ERROR 401</h2>
<p>Problem accessing /de_prp/error. Reason:
<pre> Unauthorized</pre></p>
</body>
</html>
试着这样写你的发帖请求：
登录（用户名、密码、记忆））{
常量头=新头（）；
headers.append（'Content-Type'，'application/json'）；
//你可以在这里附加任何你喜欢的标题；
headers.append（用户名、密码）；
选项：RequestOptions=新的RequestOptions（标题）；
this.http.post（/api/security/login，options）
.suscribe（res=>res.json（））
}
401{”/api:{“target”：“yourUrl.com”，
“安全”：错误，
“路径重写”：{“^/api”：“}
}
}
pathRewriteapiRequestOptions可以在请求中指定{'X-Requested-With'：'XMLHttpRequest'}。我编辑了我的答案。我根据@RahulKumarJain编辑了问题，你可以为它打开一张新的SO票
import { Injectable, OnInit } from '@angular/core';
import { HttpClient, HttpErrorResponse, HttpHeaders } from '@angular/common/http';
import { RequestOptions, Headers } from '@angular/http';
import { URLSearchParams } from '@angular/http';
@Injectable()
export class AuthService implements OnInit {
constructor(private http: HttpClient) { }
ngOnInit(): void {
}
login(username, password, rememberMe) {
console.log(username, password, rememberMe);
//const headers = new HttpHeaders().set('Content-Type', 'application/json; charset=utf-8');
const body = JSON.stringify({ username: username, password: password });
const headers = new HttpHeaders({ 'Content-Type': 'application/json' });
this.http.post("/api/security/login", body, { headers: headers }).subscribe(
res => {
console.log(res);
},
(err: HttpErrorResponse) => {
console.log(err.error);
console.log(err.name);
console.log(err.message);
console.log(err.status);
}
)
}
logout() {
this.http.get("/api/auth/logout").subscribe(
res => {
console.log(res);
},
(err: HttpErrorResponse) => {
console.log(err.error);
console.log(err.name);
console.log(err.message);
console.log(err.status);
}
);
}
}
{
"/api/*":{
"target":"http://10.104.40.14:8290/my_app",
"secure":false,
"pathRewrite": {"^/api" : ""}
}
}