Angular无法访问SpringBoot端点
创始人
2024-10-30 01:00:43
0
  1. 确认后端服务已启动并监听了正确的端口。
  2. 在后端代码中添加跨域配置,允许指定的前端地址访问接口。 例如,在 Spring Boot 的配置类中添加 CorsConfigurationSource 实现:

@Configuration public class WebConfig implements WebMvcConfigurer {

@Override
public void addCorsMappings(CorsRegistry registry) {
    registry.addMapping("/api/**")
            .allowedOrigins("http://localhost:4200")
            .allowedMethods("GET", "POST", "PUT", "DELETE")
            .allowedHeaders("*")
            .allowCredentials(true)
            .maxAge(3600);
}

}

其中,allowedOrigins 方法指定了允许访问的域名或 IP 地址,allowedMethods 方法指定了允许访问的请求方法,allowedHeaders 方法指定了允许访问的请求头,allowCredentials 方法指定了是否支持发送 Cookie,maxAge 方法指定了 CORS 预检结果的有效期限。 3. 在前端代码中使用 Angular 提供的 HttpClient 模块发送请求时,设置请求头中的 Content-Type 和 Accept 字段,以与后端接口对接。例如:

import { HttpClient, HttpHeaders } from '@angular/common/http'; import { Observable } from 'rxjs';

@Injectable() export class MyService {

private apiUrl = 'http://localhost:8080/api/';

constructor(private http: HttpClient) {}

getData(): Observable {
    const httpOptions = {
        headers: new HttpHeaders({
            'Content-Type': 'application/json',
            'Accept': 'application/json'
        })
    };
    return this.http.get(this.apiUrl + 'data', httpOptions);
}

}

其中,httpOptions 对象在请求头中设置了 Content-Type 和 Accept 字段,两者的值都为 application/json。该设置适用于大多数使用 RESTful API 的情况。如果后端的接口使用了其他的格式,则需要根据实际情况进行修改。

相关内容

热门资讯

透视脚本!wepoke ai辅... 透视脚本!wepoke ai辅助,wepoke挂透视,详细透视教你攻略;运wepoke ai辅助辅助...
wepoke有辅助挂!wpk辅... wepoke有辅助挂!wpk辅助器是真是假(透视)一贯是真的有挂(详细辅助必胜教程)1、这是跨平台的...
透视辅助!wepoke智能ai... 透视辅助!wepoke智能ai,wepower德州扑克,详细透视扑克教程wepoke智能ai是一种具...
德州之星辅助挂!德州扑克辅助器... 德州之星辅助挂!德州扑克辅助器(透视)都是是真的有挂(详细辅助AA德州教程)德州之星辅助挂辅助器中分...
透视最新!wepoke真的有挂... 透视最新!wepoke真的有挂,wepoke防外挂,详细透视2025新版技巧wepoke真的有挂辅助...
德州之星外挂!aapoker辅... 一、德州之星外挂简介了解软件请加微:136704302德州之星外挂是一款在线扑克游戏平台,玩家可以在...
透视透视挂!wepoke辅助挂... 透视透视挂!wepoke辅助挂,wepoke ai代打辅助,详细透视解密教程运wepoke辅助挂辅助...
德州之星有外挂!微扑克有没有挂... 德州之星有外挂!微扑克有没有挂(透视)原生真的是有挂(详细辅助AI教程)1、很好的工具软件,可以解锁...
透视私人局!wepoke真的有... 透视私人局!wepoke真的有挂,wepoke ai代打辅助,详细透视攻略方法1、起透看视 wepo...
德州ai辅助有用!线上德州ai... 德州ai辅助有用!线上德州ai机器人(透视)其实真的是有挂(详细辅助2025版教程)1、金币登录送、...