java - 如何解决 Angular 12 中的 CORS 问题?
问题描述
我正在开发一个 Angular 项目,我有登录页面,在提交登录 API 期间,我遇到了 CORS 错误。我也附上它的截图。任何建议将不胜感激。
API Service.ts:
constructor( private http: HttpClient ) { }
httpOptionsPost = {
headers: new HttpHeaders({
'Content-Type': 'application/json',
'Access-Control-Allow-Origin': '*',
'Access-Control-Allow-Credentials': 'true',
'Access-Control-Allow-Methods' : 'GET, POST, OPTIONS',
'Access-Control-Allow-Headers' : 'Origin, Content-Type, Accept, X-Custom-Header, Upgrade-Insecure-Requests',
})
};
httpOptionsGet = {
headers: new HttpHeaders({
'Content-Type': 'application/json',
'Access-Control-Allow-Origin': '*',
})
};
_login(username, password) {
const url = this.domain + '/api/login?username='+username+'&password='+password;
return this.http.post(url, {}, this.httpOptionsPost);
}
Login Component:
this.apiService._login(data.username, data.password).subscribe((resp: any) => {
const resobj = JSON.parse(JSON.stringify(resp));
console.log(resobj);
})
解决方案
在您的问题中,pc_coder 的答案是正确的:cors 与后端有关。确保您允许从 api 访问请求
推荐阅读
- r - R-特定组内数据框中行的特定合并
- c# - 如何使用复选框关闭另一个表单
- javascript - 在 VueJS 中转换观察者对象
- c# - System.Data.SqlClient.SqlException:列名“Gender_id”无效
- javascript - React 通过函数集成组件(HOC)
- mysql - MySQL 无法比较文本
- python - 如果我接收 UDP 数据的速度快于我的程序可以处理的速度,我的失败点是什么?
- c# - Not reading new lines from txt file on webserver
- html - CSS 没有覆盖 @media Query 中的 Bootstrap Margin 标签
- matlab - 使用 for 循环缩小和重新缩放图像