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 时出现的跨域错误了。

相关内容

热门资讯

黑科技辅助(微扑克代码)线上w... 黑科技辅助(微扑克代码)线上wpk德州起初有挂!太坑了切实有挂(2022已更新)(哔哩哔哩);亲真的...
黑科技教程(wpk助手)德州都... 黑科技教程(wpk助手)德州都是真的有挂!太夸张了从来真的有挂(2025已更新)(哔哩哔哩);德州软...
黑科技线上(德州之星app)A... 黑科技线上(德州之星app)AAPoKER从前真的有挂!太离谱了原生真的有挂(2021已更新)(哔哩...
黑科技最新(wpk插件)WEP... 黑科技最新(wpk插件)WEPoke先前真的有挂!太实锤了原来有挂(2026已更新)(哔哩哔哩)WE...
黑科技中牌率(聚星扑克德州)w... 1、黑科技中牌率(聚星扑克德州)wpk德州往昔是真的有挂!太实锤了素来是有挂(2023已更新)(哔哩...
黑科技最新(WPK必备)wpk... 黑科技最新(WPK必备)wpk游戏一贯真的有挂!太夸张了最初有挂(2020已更新)(哔哩哔哩);玩家...
黑科技实锤(Wepoke苹果)... 黑科技实锤(Wepoke苹果)wpK一贯有挂!太离谱了都是真的是有挂(2021已更新)(哔哩哔哩)是...
黑科技辅助(Wepoke ap... 黑科技辅助(Wepoke app)wpK真是真的是有挂!太嚣张了本然是真的有挂(2026已更新)(哔...
黑科技辅助挂(手机德州app)... 黑科技辅助挂(手机德州app)pokermaster本然存在有挂!太实锤了起初真的有挂(2022已更...
黑科技智能ai(最新版wpk)... 此外,数据分析德州(wpK)辅助神器app还具备辅助透视行为开挂功能,通过对客户wpK透明挂的深入研...