Angular应用程序与部署在Docker容器中的SpringBootAPI之间的通信问题。
创始人
2024-10-30 14:30:24
0

如果您正在使用Docker部署Spring Boot API,可以按照以下步骤设置CORS(跨域资源共享)以解决此问题:

  1. 在Spring Boot API的应用程序配置文件application.properties或application.yml中添加以下代码:

application.properties

# CORS configuration
spring.mvc.cors.allowed-origins= http://localhost:4200
spring.mvc.cors.allowed-methods= GET, POST, PUT, DELETE, OPTIONS
spring.mvc.cors.allowed-headers= *

application.yml

# CORS configuration
spring:
  mvc:
    cors:
      allowed-origins: http://localhost:4200
      allowed-methods: GET, POST, PUT, DELETE, OPTIONS
      allowed-headers: "*"

修改allowed-origins以匹配您的Angular应用程序的基本URL。

  1. 在Angular应用程序的服务文件中添加以下HTTP头文件:
import { HttpHeaders } from '@angular/common/http';

const httpOptions = {
  headers: new HttpHeaders({
    'Access-Control-Allow-Origin': 'http://localhost:8080',
    'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE',
    'Access-Control-Allow-Headers': 'Origin, X-Requested-With, Content-Type, Accept'
  })
};

将Access-Control-Allow-Origin和Access-Control-Allow-Headers的值更改为Spring Boot API运行的端口和请求的协议。

  1. 将httpOptions应用于HTTP请求。
import { HttpClient } from '@angular/common/http';
@Injectable({
  providedIn: 'root'
})
export class ApiService {
  constructor(private http: HttpClient) { }
  getUsers() {
    return this.http.get('http://localhost:8080/api/users', httpOptions);
  }
}

使用上述步骤,您现在应该能够成功地通过Docker容器部署的Spring Boot API与Angular应用程序通信。

相关内容

热门资讯

一分钟教你!云扑克确实真的有挂... 您好,云扑克这款游戏可以开挂的,确实是有挂的,需要了解加微【439369440】很多玩家在这款游戏中...
两分钟普及!雀友会广东潮汕麻将... 两分钟普及!雀友会广东潮汕麻将插件,开心跑胡子系统发牌的,透明挂教程!(有挂规律)您好,雀友会广东潮...
玩家必备科普(德扑手牌)外挂辅... 玩家必备科普(德扑手牌)外挂辅助器(透视)详细教程!(2021已更新)(哔哩哔哩)1、点击下载安装,...
专业讨论!wepoke打伙牌(... 专业讨论!wepoke打伙牌(云扑克德州PK)外挂透视辅助插件(透视)必备教程(2023已更新)(哔...
4分钟了解!德扑之星带入记分牌... 4分钟了解!德扑之星带入记分牌(辅助挂)外挂透明挂辅助插件(2022已更新)(哔哩哔哩)1、这是跨平...
一分钟科普!中至江西小程序辅助... 自定义兴动麻将系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不管你是想分...
透明工具!德州哪里有扑克辅助器... 透明工具!德州哪里有扑克辅助器,德扑之星原来真的有挂,解密教程(有挂介绍)-哔哩哔哩;实战中需综合运...
揭秘关于(德扑分析)外挂辅助器... 揭秘关于(德扑分析)外挂辅助器安装(辅助挂)辅助透视(2024已更新)(哔哩哔哩)关于德扑分析的基本...
一分钟快速了解!wpk线上实战... 一分钟快速了解!wpk线上实战(辅助挂)原来确实真的有挂2022已更新)(哔哩哔哩)1、起透看视 w...
九分钟科普!堆金城双金麻将有挂... 一、简介了解软件请加微:136704302是一款在线扑克游戏平台,玩家可以在平台上进行多人在线扑克游...