Question

localhost /：1已从CORS策略阻止从源“ http://185.50.185.18:8080/api/cliente”访问“ http://localhost:4200”处的XMLHttpRequest：请求中不存在“ Access-Control-Allow-Origin”标头资源。

 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

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

Answer 2

您正在将nodejs用作服务器端，以允许cors并避免cors阻止使用node cors包在您的主服务器文件中，添加cors中间件

var cors = require('cors')

app.use(cors())

有关详细信息，npm-cors-middleware

否'访问控制允许原点

2 个答案: