No'访问控制允许来源

Question

localhost/：1 从源"http://localhost:4200"访问"http://185.50.185.18:8080/api/cliente"处的XMLHttpRequest已被CORS策略阻止：请求的资源上不存在"访问控制-允许源"标头。

 import { Injectable } from '@angular/core';
 import {HttpClient, HttpHeaders} from '@angular/common/http';
 import {Observable} from 'rxjs/Observable';
 @Injectable({
    providedIn: 'root'
})
  export class PersonaService {
 constructor(private httpClient: HttpClient) { }
 obtenerTodasLasPersonas():Observable<any>{
  return this.httpClient.get("http://185.50.185.18:8080/api/cliente");
 }
agregarPersona(persona: any){
  let json = JSON.stringify(persona);
  let headers = new HttpHeaders().set('Content-Type', 
  'application/json',);
  return this.httpClient.post("http://185.50.185.18:8080/api/cliente", 
  json, {headers: headers});
}
eliminarPersona(identificador): Observable<any>{
  return this.httpClient.delete("http://185.50.185.18:8080/api/cliente" + 
identificador);
}
 }

Answer 1

您使用 nodejs 作为服务器端以允许cors并避免cors块使用node cors包在主服务器文件中添加cors中间件

var cors = require('cors')
app.use(cors())

有关详细信息，npm-cors-中间件

Answer 2

[英文-美国]CORS 将阻止不是从同一端口上的同一地址发出的请求。如果您有权访问 http://185.50.185.18:8080/api/cliente 上运行的 api，则需要更改其配置以启用 CORS(每个框架都有自己的方式，所以我无法告诉您如何在您的情况下执行此操作(。