spring-boot - 获取请求未通过授权标头
问题描述
我正在尝试将 GET 请求从我的 Angular 前端传递到我的 Spring Boot 后端。我正在使用 JWT 对所有内容进行身份验证,并且正在使用 HTTP 拦截器在请求标头中添加令牌,如下所示:
@Injectable()
export class Interceptor implements HttpInterceptor {
constructor(public auth: AuthService) { }
intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
const token: string = this.auth.getToken();
if(this.auth.isAuthenticated()) {
request = request.clone({
setHeaders : { Authorization : `${this.auth.getToken()}`,}
});
}
return next.handle(request);
}
}
我没有看到在 chrome 的请求标头中添加了令牌: 图片链接
后端也看不到它,因此返回 403。我怀疑这与 CORS 有关(我在同一台机器上托管前端和后端,我正在使用Chrome + CORS 插件)。
所以我尝试允许 CORS 请求到我的后端:
@Override
protected void configure(HttpSecurity http) throws Exception {
http.csrf().disable();
http.cors().disable()
.authorizeRequests()
.antMatchers("/login").permitAll()
.antMatchers(HttpMethod.OPTIONS, "/**").permitAll()
.anyRequest().authenticated().and().addFilterBefore(new JwTokenFilter(jwTokenProvider), UsernamePasswordAuthenticationFilter.class);
}
这似乎仍然不起作用。此外,我尝试使用 Postman 执行相同的 GET 请求,这似乎工作得很好。有谁可以帮我离开这里吗?
解决方案
还覆盖cors映射或定义@Bean for CorsMapping
,请定义您正确的前端原点,我相信它根据您的屏幕截图allowedOrigins("http://evil.com")
@Configuration
public class MvcConfig implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**").allowCredentials(true).allowedOrigins("http://evil.com")
.allowedHeaders("Authorization", "Cache-Control", "Content-Type", "Accept", "X-Requested-With", "Access-Control-Allow-Origin", "Access-Control-Allow-Headers", "Origin")
.exposedHeaders("Access-Control-Expose-Headers", "Authorization", "Cache-Control", "Content-Type", "Access-Control-Allow-Origin", "Access-Control-Allow-Headers", "Origin")
.allowedMethods("GET", "OPTIONS", "POST", "PUT", "DELETE", "PATCH");
}
}
或者在配置中定义 @Bean 或者你也可以定义 Filter
@Bean
public WebMvcConfigurer corsConfigurer() {
return new WebMvcConfigurerAdapter() {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**").allowedOrigins("your origin or * for allow all");
}
};
}
方法2:
@CrossOrigin
在控制器上
@CrossOrigin(origins = "http://example.com", maxAge = 3600)
@RestController
@RequestMapping("/account")
public class AccountController {
推荐阅读
- mysql - 从连接池中“清理”的 MySQL 连接是否可以安全删除?
- amazon-web-services - AWS Sagemaker SDK 中处理器和 ScriptProcessor 之间的区别
- java - 在 post 请求中处理 HTTP 503 的最佳方式
- python-3.x - Flask sqlalchemy 连续更新多个字段
- react-native - 反应原生博览会音频无法正常工作
- azure - 如何在 Azure 中启动或停止应用服务
- python - Django如何根据以其他形式选择的父外键过滤外键?
- c# - 通过 AngleSharp 检索 Css 规则
- sql-server - SQL Server 地理数据类型和所有点组合之间的距离
- amazon-web-services - 获取 https://127.0.0.1:4001/health: x509: 证书已过期或尚未生效