前后端分离，解决Spring Cloud GateWay + Nacos使用lb请求报503错误以及403跨域问题

在使用前后端分离时，前端请求gateway接口,gateway使用lb负载均衡请求目标服务。

如下：

spring:cloud:gateway:routes:- id: test-demouri: lb://test-demopredicates:- Path=/test/**filters:- RewritePath=/test/(?<segment>.*),/test-demo/$\{segment}

前端请求接口报如下错误：

或

最开始以为仅仅只是跨域问题，尝试了以下方法：

方式一：

在application.yml里配置：

spring:cloud:gateway:globalcors:cors-configurations:'[/**]':allowedOrigins: "*" #这里可以配置固定域名allowedMethods:- GET- POST

参考地址：Spring Cloud Gatewayhttps://docs.spring.io/spring-cloud-gateway/docs/current/reference/html/#cors-configuration

此方法似乎缺少什么，仍存在跨域问题，（知道结果的大佬望告知一二）

方式二：

添加配置类，配置跨域：

package com.example.gateway.config;import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.reactive.CorsWebFilter;
import org.springframework.web.cors.reactive.UrlBasedCorsConfigurationSource;@Configuration
public class ExampleCorsConfiguration {@Beanpublic CorsWebFilter corsWebFilter(){UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();CorsConfiguration corsConfiguration = new CorsConfiguration();//1.配置跨域corsConfiguration.addAllowedHeader("*");corsConfiguration.addAllowedMethod("*");corsConfiguration.addAllowedOriginPattern("*");corsConfiguration.setAllowCredentials(true);source.registerCorsConfiguration("/**", corsConfiguration);return new CorsWebFilter(source);}
}

配置了跨域仍未起效果，搜索文献，发现新版nacos弃用了Ribbon，所以需要添加loadbalancer依赖:

<dependency><groupId>org.springframework.cloud</groupId><artifactId>spring-cloud-loadbalancer</artifactId><version>3.1.1</version>
</dependency>

更新依赖，并重启服务，

添加完后就可以正常访问了。

第一个报错应该是依赖问题，第二个报错是跨域问题。

总结：

1.加loadbalancer依赖

2.加跨域配置

3.方式一跨域配置仍存在问题，有知道问题出在哪里的大佬，望指导一二，谢谢。

网上有些资料太老了，与实际问题解决有些出入，调试半天也不起作用，吃一堑长一智。

前后端分离，解决Spring Cloud GateWay + Nacos使用lb请求报503错误以及403跨域问题相关推荐

spring cloud gateway nacos搭建动态路由
spring cloud gateway nacos搭建动态路由一.环境开发工具:IntelliJ Idea JDK 1.8 Spring boot 2.3.12.RELEASE spring c ...
前后端分离 -- 深入浅出 Spring Boot + Vue + ElementUI 实现相册管理系统【文件上传分页】文件上传也不过如此～
前后端分离 – 深入浅出系列 Spring Boot + Vue + ElementUI 实现相册管理系统[文件上传分页 ] 文件上传也不过如此~ 引言 Hello,我是Bug终结者,一名热爱后端J ...
Vue flask前后端分离解决跨域
Vue flask前后端分离解决跨域安装axios 在项目目录下输入:npm install axios--save-dev 配置axios 在main.js中引入axios import axio ...
Spring Boot 前后端分离解决跨越问题
一.起源当我们在开发前后端分离项目的时候,出于安全原因,浏览器禁止Ajax调用驻留在当前原点之外的资源.跨源资源共享(CORS)是由大多数浏览器实现的W3C规范,允许您灵活地指定什么样的跨域请求被授 ...
自学前后端分离1 Spring Boot+Vue概述
一,前后端分离. 前后端分离时将一个应用的前端代码和后端代码分开写,如果不用前后端分离传统的JavaWeb开发中前端使用JSP开发,JSP不是由后端开发者来独立完成的前端--〉html静态页面---- ...
spring cloud gateway+nacos 服务下线感知延迟，未及时出现503，请求依然转发到下线服务
spring cloud gateway服务下线感知延迟,未及时出现503 1.场景描述 2.分析 2.1定位问题 3.解决方案本篇算是配合之前的一篇了.整体问题是gateway对下线服务感知延迟, ...
spring cloud gateway nacos 网关设置
前期准备:可参考上一篇,spring cloud nacos 服务提供.服务消费(Feign.RestTemplate)及Hystrix熔断设置 1.下载安装 Nacos 服务中心(下载地址 http ...
跨域详解！前后端分离解决跨域问题
文章目录一.为什么会出现跨域问题二.什么是跨域三.非同源限制四.跨域问题的解决方式 Jsonp前后端配合前端修改后端修改 CORS 详解响应头 5. SpringBoot解决 [方式一]全 ...
Spring Cloud Gateway——2020.x以上版本HTTP 503 或 NoLoadBalancer[负载均衡]解决方案
问题描述 config spring:cloud:gateway:routes:- id: myRouteuri: lb://servicepredicates:- Path=/service/** ...

前后端分离，解决Spring Cloud GateWay + Nacos使用lb请求报503错误以及403跨域问题

前后端分离，解决Spring Cloud GateWay + Nacos使用lb请求报503错误以及403跨域问题相关推荐

最新文章

热门文章