node.js - No'Access-Control-Allow-Origin
问题描述
localhost/:1从源“ http://localhost:4200 ”对“ http://185.50.185.18:8080/api/cliente ”的XMLHttpRequest 的访问已被 CORS 策略阻止:没有“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);
}
}
解决方案
[EN-US] CORS 将阻止不是从同一端口上的同一地址发出的请求。如果您可以访问在http://185.50.185.18:8080/api/cliente上运行的 api,则需要更改其配置以启用 CORS(每个框架都有自己的执行方式,所以我可以告诉您在你的情况下如何做)。
推荐阅读
- jgit - 如何使用 JGit 获取存储库大小?
- xmlhttprequest - XHR 和 XSL - Promise Chaining 和 transformToFragment 为空
- java - 出现错误:线程“main”中的异常 java.net.SocketException:连接重置
- google-cloud-platform - 谷歌云 - 部署管理器:使用配置单元分区创建外部表
- python - 将列表中的第一个元素设置为最后一个 python
- json - Flutter 如何获取列表
_list 使用 JSON 的来自 Rest API 的数组字符串 - javascript - 如何将输入表单中的值绑定到 jsx 中的组件?该函数在 appjs 内部,我需要弄清楚如何将状态设置为 jsx
- powershell - Powershell - 使用 TSSession 的结果好坏参半
- nginx - Web 服务器和反向代理在同一个端口 nginx
- go - 简单程序死机,无法确定原因