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怎么设置提高好牌几率,微信小程序微乐陕西挖坑,模块教程(有人有挂)-哔哩哔哩...
推荐透视!hhpoker可以控... 推荐透视!hhpoker可以控制吗,微乐智能辅助app,手册教程(有挂秘籍)-哔哩哔哩1、全新机制【...
有挂透视!wepoker有辅助... 有挂透视!wepoker有辅助器吗,微乐自建房辅助软件功能,阶段教程(有人有挂)-哔哩哔哩1、首先打...
曝光透视!约局吧德州有挂吗,微... 曝光透视!约局吧德州有挂吗,微乐小程序辅助器代理,步骤教程(有挂技术)-哔哩哔哩1、点击下载安装,约...
曝光透视!哈糖大菠萝怎么开挂,... 曝光透视!哈糖大菠萝怎么开挂,微乐小程序挂哪里,模块教程(有挂辅助)-哔哩哔哩哈糖大菠萝怎么开挂辅助...
科普透视!hhpoker辅助挂... 科普透视!hhpoker辅助挂是真的吗,微乐卡五星祈福有用吗,绝活教程(新版有挂)-哔哩哔哩1、让任...
解谜透视!wepoker底牌透... 解谜透视!wepoker底牌透视脚本,微乐江苏自建房辅助app,教材教程(真的有挂)-哔哩哔哩1、玩...
揭露透视!wepoker有什么... 揭露透视!wepoker有什么规律,微乐脚本,诀窍教程(有挂技巧)-哔哩哔哩一、wepoker有什么...
关于透视!pokermaste... 关于透视!pokermaster辅助器,微乐陕西小程序破解器下载,经验教程(有挂秘籍)-哔哩哔哩1、...
揭露透视!hhpkoer辅助器... 揭露透视!hhpkoer辅助器,微信小程序微乐游戏辅助,大纲教程(有挂方法)-哔哩哔哩1、超多福利:...