我想从我的应用访问一个 API。 curl 请求是:
curl --request POST https://... --header 'Authorization: Token ...' --header 'Accept: application/csv' --header 'Content-type: application/vnd.flux' --data '...'
它可以工作并从 InfluxDB 实例返回数据。问题是当我在 Angular 中尝试所有操作时:我设置了一个正确重定向请求的代理(我在终端中检查了这个)。但是在网络浏览器(Firefox Developer Edition)中我得到
POSThttp://localhost:4200/api/
[HTTP/1.1 401 Unauthorized 204ms].
Status 401
Unauthorized
Version HTTP/1.1
Übertragen 350 B (55 B Größe)
Referrer Policy strict-origin-when-cross-origin
api URL 是https 地址,http 也会出现同样的错误。生产应用中也会发生同样的情况。
代理配置文件
{
"/api/*": {
"target": "...",
"secure": false,
"logLevel": "debug",
"changeOrigin": true
}
}
终端确认:
[HPM] POST /api/ -> correct url
组件中的请求:
apiurl = '/api/';
data = JSON.stringify('request');
headers:HttpHeaders = new HttpHeaders();;
constructor(private route: ActivatedRoute,
private httpClient: HttpClient) {
this.headers.set('Authorization', 'Token token');
this.headers.set('Content-type', 'application/vnd.flux');
}
getConfig() {
return this.httpClient.request<any>('post',`${this.apiurl}`,
{
body: this.data,
headers: this.headers
}
);
}
ngOnInit(): void {
this.getConfig()
.pipe(first())
.subscribe(
data => {
console.log(data);
},
error => {
console.log(error);
});
}
非常感谢您的想法,谢谢!
最佳答案
更改您的代理配置。
来自这里:
{
"/api/*": {
"target": "...",
"secure": false,
"logLevel": "debug",
"changeOrigin": true
}
}
对此:
{
"/api/*": {
"target": "...",
"secure": false,
"logLevel": "debug",
"changeOrigin": true,
"pathRewrite": { "^/api": "" }
}
}
你错过了 "pathRewrite": { "^/api": ""}
关于angular - Angular "strict-origin-when-cross-origin"错误是什么意思?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67562098/