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();
  }
}

相关内容

热门资讯

透视好友房!wpk透视辅助软件... 透视好友房!wpk透视辅助软件,aapoker透视脚本下载,玩家必看科普(有挂教学);1、全新机制【...
透视新版!德普之星透视辅助,w... 透视新版!德普之星透视辅助,wpk脚本下载,今日焦点(有挂教程);辅助器中分为三种模型:软件透明挂、...
透视存在!智星菠萝可以辅助吗,... 透视存在!智星菠萝可以辅助吗,wpk辅助插件,总算了解(有挂技巧)1、任何ai辅助神器的玩家都可以机...
透视好友房!hhpoker辅助... 透视好友房!hhpoker辅助下载,wepoker透视底牌脚本,带你了解(有挂攻略)1、上手简单,内...
透视计算!aapoker辅助包... 透视计算!aapoker辅助包,hhpoker透视功能如何下载,推荐一款(有挂详情)1、每一步都需要...
透视能赢!红龙poker脚本,... 透视能赢!红龙poker脚本,aapoker透视插件,推荐几款新版(有挂透明);1、金币登录送、破产...
透视总结!aapoker辅助插... 透视总结!aapoker辅助插件工具,aapkoer德州辅助挂下载,大家学习交流(有挂了解)1、操作...
透视透视挂!智星德州菠萝透视插... 透视透视挂!智星德州菠萝透视插件工具,德普之星辅助功能如何设置,指导大家(有挂总结)1、智星德州菠萝...
透视挂!智星德州菠萝插件官网,... 透视挂!智星德州菠萝插件官网,aapoker辅助器怎么用,今日公布(有挂攻略);1、智星德州菠萝ai...
透视最新!wpk辅助ai,wp... 透视最新!wpk辅助ai,wpk透视脚本,玩家必看教程(有挂透明);1、完成的残局,帮助玩家取得所有...