Angular发送请求到Spring网关时出现跨域错误
创始人
2024-10-24 18:31:32
0

跨域错误通常是由浏览器的安全机制引起的,可以通过 Spring Gateway 的 CORS 配置来解决。

  1. 在 Spring Gateway 的配置文件 application.yml 中添加如下配置:

spring: cloud: gateway: globalcors: corsConfigurations: '[/**]': allowedOrigins: "*" allowedMethods: - GET - POST - PUT - DELETE allowedHeaders: - Content-Type - Authorization maxAge: 3600

  1. 在 Angular 的请求头中添加 Origin 和 Content-Type 参数:

const httpOptions = { headers: new HttpHeaders({ 'Content-Type': 'application/json', 'Origin': 'http://localhost:4200' }) };

this.http.post('http://localhost:8080/api/example', data, httpOptions) .subscribe(response => { console.log(response); });

其中,'http://localhost:4200' 指的是你的 Angular 项目的域名。

这样就可以解决 Angular 发送请求到 Spring Gateway 时出现的跨域错误了。

相关内容

热门资讯

黑科技安卓版(WpK)外挂透视... 黑科技安卓版(WpK)外挂透视辅助器(透视)透明挂教程(一直存在有挂);1、起透看视 WpK透明视辅...
黑科技实锤!(WePoKer)... 1、黑科技实锤!(WePoKer)软件透明挂,(wePoKe)切实是真的有挂,微扑克教程(有挂教程)...
黑科技模拟器(AAPOKer)... 黑科技模拟器(AAPOKer)外挂透视辅助神器(透视)德州论坛(果然有挂)1、黑科技模拟器(AAPO...
黑科技插件!(wEpOke)软... 黑科技插件!(wEpOke)软件透明挂,(WepOke)一直有挂,德州论坛(有挂透明)是由北京得德州...
黑科技科技(Wepoke)黑科... 黑科技科技(Wepoke)黑科技透明挂辅助教程(透视)透明挂教程(都是是有挂);1、点击下载安装,W...
黑科技好友房!(aapOKER... 黑科技好友房!(aapOKER)透明挂辅助脚本,(aa扑克)切实有挂,可靠技巧(有挂技巧)1、玩家可...
黑科技代打(wEpOke)黑科... 黑科技代打(wEpOke)黑科技透明挂辅助安装(透视)新版2025教程(总是存在有挂)1、每一步都需...
黑科技数据!(德州之星)外挂辅... 此外,数据分析德州(德州之星)辅助神器app还具备辅助透视行为开挂功能,通过对客户德州之星透明挂的深...
黑科技讲解(WEPOke)黑科... 黑科技讲解(WEPOke)黑科技透明挂辅助方法(透视)透明教程(总是是真的有挂)1、WEPOke系统...
黑科技教程!(wEpOke)软... 黑科技教程!(wEpOke)软件透明挂,(wEPoke)先前是有挂,辅助教程(有挂技巧)是一款可以让...