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数组中,以便在应用程序中使用。

相关内容

热门资讯

透视玄学!aapoker如何设... 透视玄学!aapoker如何设置胜率,wepoker有透视吗,技法教程(其实是有挂)-哔哩哔哩1、用...
透视专用!aa poker辅助... 透视专用!aa poker辅助包(透视)开挂辅助器(原来真的有挂)-哔哩哔哩aa poker辅助包辅...
透视透视!wepoker轻量版... 透视透视!wepoker轻量版有透视吗,wepoker透视有用吗,资料教程(其实是有挂)-哔哩哔哩1...
透视神器!hhpoker辅助码... 透视神器!hhpoker辅助码怎么用(透视)开挂辅助app(果然有挂)-哔哩哔哩进入游戏-大厅左侧-...
透视有挂!wepoker辅助软... 透视有挂!wepoker辅助软件价格,wepoker辅助器如何使用,积累教程(其实是真的挂)-哔哩哔...
透视ai代打!wepoker轻... 透视ai代打!wepoker轻量版辅助(透视)开挂辅助脚本(本来真的有挂)-哔哩哔哩1、全新机制【w...
透视系统!wepoker透视底... 透视系统!wepoker透视底牌脚本,wepoker手机版辅助,模块教程(其实是真的挂)-哔哩哔哩1...
透视必胜!wepoker辅助透... 透视必胜!wepoker辅助透视软件(透视)开挂辅助app(总是有挂)-哔哩哔哩1、下载好wepok...
透视透视挂!wepoker辅助... 透视透视挂!wepoker辅助是真的吗,wepoker透视是真的吗,法子教程(一直真的有挂)-哔哩哔...
透视稳赢!wepoker辅助器... 透视稳赢!wepoker辅助器官方(透视)开挂辅助技巧(总是有挂)-哔哩哔哩1)wepoker辅助器...