Angular前端向Spring后端发起POST请求时出现CORS策略错误
创始人
2024-10-29 02:30:12
0

在Angular前端代码中添加HttpHeaders以发送请求,同时向后端请求添加注解以解决CORS问题。

Angular示例代码:

import { HttpClient, HttpHeaders } from '@angular/common/http'; 

const httpOptions = {
  headers: new HttpHeaders({
    'Content-Type': 'application/json', // 定义请求的数据格式
    'Access-Control-Allow-Origin': '*', // 允许所有源访问接口
    'Access-Control-Allow-Methods': 'POST', // 允许POST请求
    'Access-Control-Allow-Headers': 'Origin, Content-Type, X-Auth-Token, Authorization, accept, client-security-token' // 允许请求头携带的参数
  })
};

this.http.post(url, data, httpOptions).subscribe( res => {
  console.log(res);
});

Spring后端示例代码:

@CrossOrigin(origins = "*", allowedHeaders = "*", methods = {RequestMethod.POST})
@RestController
public class Controller {
  @PostMapping("/api")
  public ResponseEntity apiCall(@RequestBody Object obj) {
    // 处理请求
    return ResponseEntity.ok().build();
  }
}

相关内容

热门资讯

WePoKe外 挂!wepok... wepOke赢率提升策略‌;WePoKe外 挂!wepoke软件透明挂演示,wepOke本来真的有挂...
wpk俱乐部!德州wpk德州真... wpk俱乐部!德州wpk德州真的,wPK都是真的有挂,详细教程,(有挂辅助)所有人都在同一条线上,像...
德州之星插件!德扑ai人工智能... 德州之星插件!德扑ai人工智能,智星德州都是存在有挂(详细猫腻教程)1、每个玩家都可以进行使用,快速...
wpk有外 挂!线上wpk德州... wpk有外 挂!线上wpk德州ai机器人,wpK都是真的有挂,详细教程,(有挂解说)wpk辅助器中分...
wepoke透明挂黑科技!we... wepoke透明挂黑科技!wepoke游戏数据有说法(透明挂)wepokE(一贯真的有挂);支持多人...
德州ai机器人!德扑之星内部,... 德州ai机器人!德扑之星内部,德州扑克竟然是真的有挂(详细辅助挂教程)(1)德州ai机器人!德扑之星...
wepokeai机器人!wep... wepokeai机器人!wepoke是是有辅助,WEpoke好像真的有挂,攻略方法(有挂揭秘)1、让...
wpk真的有外 挂!WpK果然... wpk真的有外 挂!WpK果然真的有挂,wPk其实真的有挂,2025新版总结(有挂揭秘)1、很好的工...
德扑数据软件!德州ai人工智能... 您好,德州ai人工智能这款游戏可以开挂的,确实是有挂的,需要了解加微【757446909】很多玩家在...
wepoke透明黑科技!wop... wepoke透明黑科技!wopoker辅助v3.0(透明挂)wEpOke(的确真的有挂);原来确实真...