Angular前端和JavaSpringBoot后端中被CORS策略阻止的请求?
创始人
2024-10-29 02:00:38
0

1.在Spring Boot后端的控制器类中添加@CrossOrigin注解。

如下所示:

@RestController
@CrossOrigin(origins = "http://localhost:4200")
public class MyController {
   ...
}

其中,origins参数指定了允许的源,可以是域名或IP地址。此参数是可选的,也可以设置为通配符*,表示允许来自任何源的请求。

2.在Angular前端的请求配置中添加withCredentials: true选项。

如下所示:

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

@Injectable()
export class MyService {
    private url = 'http://localhost:8080/some-endpoint';

    constructor(private http: HttpClient) {}

    getData() {
        const options = { withCredentials: true };
        return this.http.get(this.url, options);
    }
}

这里withCredentials选项指定了是否在请求中发送凭证(如cookie)。

需要注意的是,如果在Angular前端中使用了HttpInterceptor拦截器,则可能需要在拦截器中手动添加withCredentials选项,如下所示:

import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpHandler, HttpRequest } from '@angular/common/http';

@Injectable()
export class MyInterceptor implements HttpInterceptor {
    intercept(req: HttpRequest, next: HttpHandler) {
        const authReq = req.clone({ withCredentials: true });
        return next.handle(authReq);
    }
}

这里拦截器使用clone()方法创建了一个新的请求,并将withCredentials选项添加到了该请求中。需要将拦截器添加到providers数组中,以便在应用程序中使用。

相关内容

热门资讯

透视详细!德普之星透视辅助软件... 透视详细!德普之星透视辅助软件,德普之星app安卓版破解版-都是一直都是有辅助app(哔哩哔哩)1、...
透视专业!wepoker免费透... 透视专业!wepoker免费透视脚本,wepoker私人局俱乐部辅助-总是真的有辅助软件(哔哩哔哩)...
透视总结!德普之星怎么开辅助,... 透视总结!德普之星怎么开辅助,德普之星怎么开辅助-确实一直都是有辅助工具(哔哩哔哩)1、下载好脚本下...
透视解谜!hhpoker辅助软... 透视解谜!hhpoker辅助软件,hhpoker是正规的吗-一贯是真的有辅助教程(哔哩哔哩)1、超多...
透视辅助!wpk控制牌是真的吗... 透视辅助!wpk控制牌是真的吗,wpk辅助器-确实真的是有辅助教程(哔哩哔哩)1、点击下载安装,脚本...
透视详情!wpk透视插件,wp... 透视详情!wpk透视插件,wpk有辅助器吗-其实存在有辅助神器(哔哩哔哩)1、金币登录送、破产送、升...
透视分享!wepoker透视脚... 透视分享!wepoker透视脚本安卓,wepoker轻量版透视方法-其实是真的有辅助教程(哔哩哔哩)...
透视详细!aapoker辅助怎... 透视详细!aapoker辅助怎么用,aapoker ai插件-切实是有辅助攻略(哔哩哔哩)一、游戏安...
透视详细!德州透视竞技联盟,w... 透视详细!德州透视竞技联盟,werplan辅助软件-都是是有辅助神器(哔哩哔哩)1、德州透视竞技联盟...
透视解密!pokemmo脚本手... 透视解密!pokemmo脚本手机版,epoker底牌透视-本来是有辅助方法(哔哩哔哩)1、pokem...