Anonymous
Как решить проблему CORS в Angular 12?
Сообщение
Anonymous » 24 янв 2025, 18:49
Я работаю над проектом 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);
})
Подробнее здесь:
https://stackoverflow.com/questions/680 ... angular-12
1737733745
Anonymous
Я работаю над проектом Angular, у меня есть страница входа, и во время отправки API входа я сталкиваюсь с ошибкой CORS. Я также прилагаю скриншот этого. Любое предложение будет оценено. [code] 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); }) [/code] Подробнее здесь: [url]https://stackoverflow.com/questions/68099129/how-to-resolve-cors-issue-in-angular-12[/url]