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应用程序通信。

相关内容

热门资讯

透视项目!wepoker私局代... 透视项目!wepoker私局代打,WePoKer线上一直真的有脚本,第2分钟教程(有挂规律)在进入w...
透视教程书!aapoker辅助... 透视教程书!aapoker辅助软件合法吗,AApoker软件原来是真的有开挂,3分钟教程(确实有挂)...
透视演示!如何下载wpk透视版... 透视演示!如何下载wpk透视版,WPK安卓一贯存在有工具,第六分钟教程(有挂详细)1、上手简单,内置...
透视举措!aapoker俱乐部... 透视举措!aapoker俱乐部靠谱吗,AApoker发牌逻辑其实是有神器,六分钟教程(有挂技术)1、...
透视步骤!聚星ai辅助工具激活... 透视步骤!聚星ai辅助工具激活码,WePoKer透视底牌一直有工具,第6分钟教程(有挂方法)1、聚星...
透视妙招!德州hhpoker是... 透视妙招!德州hhpoker是真的吗,HHpoker开挂本来是真的有教程,九分钟教程(确实有挂)1、...
透视方式!德普之星透视免费,德... 透视方式!德普之星透视免费,德普之星埋牌原来真的是有透视,第三分钟教程(有挂秘籍)1、每一步都需要思...
透视大纲!德普之星有透视辅助吗... 透视大纲!德普之星有透视辅助吗,德普之星介绍竟然真的是有开挂,第九分钟教程(有挂教程)1、完成德普之...
透视模块!aapoker怎么设... 透视模块!aapoker怎么设置提高好牌几率,AApoker工具切实有脚本,第5分钟教程(确实有挂)...
透视方式!wpk刷入池率脚本,... 透视方式!wpk刷入池率脚本,WPK链接好像存在有辅助,第八分钟教程(有挂猫腻)1)wpk刷入池率脚...