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

相关内容

热门资讯

四分钟了解!来玩app辅助工具... 四分钟了解!来玩app辅助工具!竟然真的有辅助插件(确实有挂)-哔哩哔哩1、玩家可以在来玩app辅助...
第5分钟了解!三哥玩摆头可以控... 第5分钟了解!三哥玩摆头可以控制!其实真的是有辅助app(确实有挂)-哔哩哔哩1、全新机制【三哥玩摆...
十分钟了解!武陵游辅助器!竟然... 十分钟了解!武陵游辅助器!竟然真的是有辅助脚本(有挂教程)-哔哩哔哩1、上手简单,内置详细流程视频教...
9分钟了解!中至上饶神辅助!切... 9分钟了解!中至上饶神辅助!切实一直总是有辅助app(发现有挂)-哔哩哔哩小薇(辅助器软件下载)致您...
5分钟了解!余干中至怎么输就一... 5分钟了解!余干中至怎么输就一直输!好像真的有辅助攻略(证实有挂)-哔哩哔哩1、用户打开应用后不用登...
3分钟了解!开心泉州作弊!原来... 3分钟了解!开心泉州作弊!原来一直总是有辅助技巧(有挂总结)-哔哩哔哩1、让任何用户在无需开心泉州作...
4分钟了解!贪玩娱乐科技!切实... 4分钟了解!贪玩娱乐科技!切实是有辅助软件(有挂方法)-哔哩哔哩在进入贪玩娱乐科技软件靠谱后,参与本...
第8分钟了解!蜀山挂机辅助!总... 第8分钟了解!蜀山挂机辅助!总是存在有辅助技巧(有挂教学)-哔哩哔哩在进入蜀山挂机辅助软件靠谱后,参...
第6分钟了解!逍遥辅助器卡五星... 第6分钟了解!逍遥辅助器卡五星!原来是真的有辅助教程(有挂实锤)-哔哩哔哩1、打开软件启动之后找到中...
第2分钟了解!老友广东麻将辅助... 第2分钟了解!老友广东麻将辅助!切实是有辅助技巧(有挂教学)-哔哩哔哩老友广东麻将辅助能透视中分为三...