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

相关内容

热门资讯

透视能赢!hhpoker怎么防... 透视能赢!hhpoker怎么防作必弊(透视)和和营口麻将辅助(其实真的是有辅助插件)-哔哩哔哩运和和...
据悉!wpk俱乐部有没有辅助(... 据悉!wpk俱乐部有没有辅助(透视)微乐小程序辅助脚本平台(切实有辅助安装)-哔哩哔哩1、全新机制【...
一直以来!佛手在线大菠萝辅助(... 一直以来!佛手在线大菠萝辅助(透视)九游破解版真的假的(果然是真的辅助app)-哔哩哔哩1、九游破解...
透视脚本!wpk辅助器(透视)... 透视脚本!wpk辅助器(透视)多乐跑得快辅助器(其实是真的辅助平台)-哔哩哔哩该软件可以轻松地帮助玩...
在玩家背景下!xpoker辅助... 在玩家背景下!xpoker辅助控制(透视)789大菠萝攻略(确实是有辅助辅助器)-哔哩哔哩789大菠...
透视数据!wepoker插件程... 透视数据!wepoker插件程序激活码(透视)南丰数刀脚本(一贯存在有辅助app)-哔哩哔哩1.we...
据报道!hhpoker为什么一... 据报道!hhpoker为什么一直输(透视)传送屋激k怎么开挂(本来存在有辅助软件)-哔哩哔哩一、传送...
透视中牌率!德普之星透视辅助软... 透视中牌率!德普之星透视辅助软件(透视)微乐广西小程序开挂(果然真的有辅助插件)-哔哩哔哩1、微乐广...
透视安卓版!aapoker透视... 透视安卓版!aapoker透视方法(透视)广西来趣app有挂吗(果然真的是有辅助app)-哔哩哔哩广...
透视代打!wpk私人局辅助是真... 透视代打!wpk私人局辅助是真的吗(透视)传送屋软件下载辅助(一直是有辅助app)-哔哩哔哩1、透视...