Node.js 否';访问控制允许源
CORS策略已阻止localhost/:1从源“”访问“”处的XMLHttpRequest:请求的资源上不存在“Access Control Allow origin”标头Node.js 否';访问控制允许源,node.js,angular,Node.js,Angular,CORS策略已阻止localhost/:1从源“”访问“”处的XMLHttpRequest:请求的资源上不存在“Access Control Allow origin”标头 import { Injectable } from '@angular/core'; import {HttpClient, HttpHeaders} from '@angular/common/http'; import {Observable} from 'rxjs/Observable'; @Injectab
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);
}
}
从'@angular/core'导入{Injectable};
从'@angular/common/http'导入{HttpClient,HttpHeaders};
从“rxjs/Observable”导入{Observable};
@注射的({
providedIn:'根'
})
导出类角色服务{
构造函数(私有httpClient:httpClient){}
obtenerTodasLasPersonas():可观察{
返回此.httpClient.get(“http://185.50.185.18:8080/api/cliente");
}
agregarPersona(人物:任何){
让json=json.stringify(persona);
let headers=new HttpHeaders().set('Content-Type',
‘application/json’,);
返回此.httpClient.post(“http://185.50.185.18:8080/api/cliente",
json,{headers:headers});
}
eliminarPersona(识别者):可见{
返回此.httpClient.delete(“http://185.50.185.18:8080/api/cliente" +
识别器);
}
}
[EN-US]
CORS将阻止不是从同一端口上的同一地址发出的请求。如果您有权访问运行在其上的api,则需要更改其配置以启用CORS(每个框架都有自己的实现方式,因此我将能够告诉您在您的情况下如何实现)。您使用nodejs作为服务器端,以允许
CORS
并避免CORS
块使用节点CORS
包
在主服务器文件中添加cors
中间件
var cors = require('cors')
app.use(cors())
详细信息可能重复的:,这是一个非常常见的问题,至少在角度标签下是这样。此外,仅仅抛出一些代码,您收到的错误在这里通常不会得到很好的接受。更多的背景资料会很好,对于这个问题来说是必要的。如果您不告诉我们您的后端,我们就无法告诉您如何配置CorsAn。前几天,我们又发布了20篇关于CORS错误的帖子。在堆栈溢出的主要版本中,问答应该是英文的,至于葡萄牙语的问答,请参阅。@vlizana明白。