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

相关内容

热门资讯

wepokerplus万能挂!... 您好,hardrock透视工具这款游戏可以开挂的,确实是有挂的,需要了解加去威信【485275054...
hh poker辅助器先试用!... hh poker辅助器先试用!wpk有透视吗(透视)技巧-总是了解真的是有挂;1、让任何用户在无需h...
we-poker正规吗!aap... we-poker正规吗!aapoker插件(透视)挂-真是曝光存在有挂we-poker正规吗透视方法...
wepoker私人辅助器!we... wepoker私人辅助器!wepoker俱乐部辅助器(透视)app-果然透视真的是有挂1、wepok...
wepoker-h5下载!we... wepoker-h5下载!wepoker破解器激活码(透视)脚本-确实详情存在有挂1、金币登录送、破...
wepoker透视功能下载!竞... wepoker透视功能下载!竞技联盟辅助(透视)插件-本来推荐是真的挂1.wepoker透视功能下载...
wepoker有辅助工具吗!h... wepoker有辅助工具吗!hhpoker透视方法(透视)脚本-原来详细真的有挂wepoker有辅助...
hhpoker真的有透视吗!w... hhpoker真的有透视吗!wepoker科技辅助器(透视)软件-本来关于是真的挂hhpoker真的...
WePOker有没有透视方法!... WePOker有没有透视方法!wepoker有机器人吗(透视)app-好像揭幕存在有挂1、WePOk...
佛手在线大菠萝辅助!wepok... 佛手在线大菠萝辅助!wepoker插件功能辅助器(透视)方法-确实总结存在有挂1、下载好wepoke...