Springboot+Vue跨域问题

本文讲述了在SpringCloudGateway中遇到跨域问题的原因,即前后端不在同一域名或端口时,提供了如何在application.properties中配置CORS策略来解决,包括允许请求来源、头信息、请求方法、cookie处理和跨域请求的有效期。
摘要由CSDN通过智能技术生成

Bug:No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

image.png

原因:产生跨域问题

跨域:前后端不在同一个域。IP一样,端口不一样,也算跨域。

解决办法

在配置文件application.properties中开放相应接口的请求
/** 是对所有的接口

# 允许请求来源(老版本叫allowedOrigin)
spring.cloud.gateway.globalcors.cors-configurations.[/**].allowedOriginPatterns=*
# 允许携带的头信息
spring.cloud.gateway.globalcors.cors-configurations.[/**].allowedHeaders=*
# 允许的请求方式
spring.cloud.gateway.globalcors.cors-configurations.[/**].allowedMethods=*
# 是否允许携带cookie
spring.cloud.gateway.globalcors.cors-configurations.[/**].allowCredentials=true
# 跨域检测的有效期,会发起一个OPTION请求
spring.cloud.gateway.globalcors.cors-configurations.[/**].maxAge=3600
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值