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

相关内容

热门资讯

教你透视!菠萝辅助器免费版的特... 教你透视!菠萝辅助器免费版的特点,微乐自建房辅助工具,总结教程(竟然有挂)-哔哩哔哩菠萝辅助器免费版...
辅助透视!wpk有那种辅助吗,... 辅助透视!wpk有那种辅助吗,微乐自建房辅助工具官网,攻略教程(有挂方法)-哔哩哔哩1、wpk有那种...
辅助透视!wepokerplu... 辅助透视!wepokerplus脚本,微信小程序微乐辅助器教程,课程教程(有挂总结)-哔哩哔哩1、下...
必备透视!pokemmo脚本,... 必备透视!pokemmo脚本,微信微乐自建房辅助工具,阶段教程(有挂存在)-哔哩哔哩1、进入游戏-大...
揭幕透视!wepoker私人局... 揭幕透视!wepoker私人局辅助器怎么用,微乐家乡小程序脚本,经验教程(证实有挂)-哔哩哔哩1、实...
解谜透视!wepoker有没有... 解谜透视!wepoker有没有插件,淘宝的微乐辅助是真的吗,方式教程(有挂方略)-哔哩哔哩在进入we...
关于透视!WePoKer辅助器... 关于透视!WePoKer辅助器,微乐河南小程序微乐辅助脚本,积累教程(了解有挂)-哔哩哔哩1、很好的...
详情透视!德普之星透视辅助软件... 详情透视!德普之星透视辅助软件下载,微乐陕西小程序脚本,要领教程(有挂头条)-哔哩哔哩1、德普之星透...
揭幕透视!wpk模拟器多开,微... 揭幕透视!wpk模拟器多开,微乐小程序卡五星脚本,手册教程(有挂工具)-哔哩哔哩1、点击下载安装,w...
专业透视!we poker辅助... 专业透视!we poker辅助器v3.3,微乐小程序游戏破解器苹果系统,练习教程(今日头条)-哔哩哔...