当前位置：首页 > news >正文

建立网站方法网站开发培训班

news 2025/9/16 19:31:42

建立网站方法,网站开发培训班,网站颜色搭配案例,免费开源分类信息系统今天在修改天天生鲜超市项目的时候，因为使用了前后端分离模式，前端通过网关统一转发请求到后端服务，但是第一次使用就遇到了问题，比如跨域问题： 但是，其实网关里是有配置跨域的，只是忘了把前端项…

今天在修改天天生鲜超市项目的时候，因为使用了前后端分离模式，前端通过网关统一转发请求到后端服务，但是第一次使用就遇到了问题，比如跨域问题：

但是，其实网关里是有配置跨域的，只是忘了把前端项目的IP和端口号添加到设置里

server:port: 9091servlet:context-path: /spring:profiles:active: devcloud:gateway:enabled: true# 开启自动路由discovery:locator:enabled: trueroutes:# fresheveryday- id: gateway-fresheverydayuri: lb://fresheverydaypredicates:- Path=/api/fresheveryday/**filters:- StripPrefix=2httpclient:connect-timeout: 1000 # 配置连接超时response-timeout: 5s # 配置响应超时# 跨域配置globalcors:add-to-simple-url-handler-mapping: truecors-configurations:'[/**]': #拦截的请求maxAge: 36000 #跨域检测的有效期,单位sallowedOrigins: #允许跨域的请求- "http://localhost:8080" # mhxysy- "http://localhost:8081" # layui- "http://localhost:8099" # authorityallowedMethods: #允许跨域的请求方式- "GET"- "POST"allowedHeaders: "*" #允许请求中携带的头信息allowedCredentials: true #是否允许携带cookielogging:level:springfox: errorcn.edu.sgu.www.gateway: debug

如上所示，allowedOrigins里设置的是之前使用网关的服务，在nacos控制台修改gateway-dev.yml

添加超市前端项目ttsx的访问地址

server:port: 9091spring:application:name: gatewaycloud:# 网关配置gateway:enabled: true# 开启自动路由discovery:locator:enabled: trueroutes:# authority- id: gateway-authorityuri: lb://authoritypredicates:- Path=/api/authority/**filters:- StripPrefix=2# mhxysy- id: gateway-mhxysyuri: lb://mhxysypredicates:- Path=/api/mhxysy/**filters:- StripPrefix=2# layui- id: gateway-layuiuri: lb://layuipredicates:- Path=/api/layui/**filters:- StripPrefix=2# fresheveryday- id: gateway-fresheverydayuri: lb://fresheverydaypredicates:- Path=/api/fresheveryday/**filters:- StripPrefix=2httpclient:connect-timeout: 1000 # 配置连接超时response-timeout: 5s # 配置响应超时# 跨域配置globalcors:add-to-simple-url-handler-mapping: truecors-configurations:'[/**]': #拦截的请求maxAge: 36000 #跨域检测的有效期,单位sallowedOrigins: #允许跨域的请求- "http://localhost:8080" # mhxysy- "http://localhost:8081" # layui- "http://localhost:8088" # ttsx- "http://localhost:8099" # authorityallowedMethods: #允许跨域的请求方式- "GET"- "POST"allowedHeaders: "*" #允许请求中携带的头信息allowedCredentials: true #是否允许携带cookielogging:file:name: D:/log/gateway.loglevel:springfox: errorcn.edu.sgu.www.gateway: debug

添加完之后，重启网关服务gateway，然后再次点登录按钮，还是报错了~

两次请求其实都正常返回响应数据了，状态码为200，这次的错误原因

Multiple CORS header 'Access-Control-Allow-Origin' not allowed

点击右边的问号，原因找到了，服务端返回了两个Access-Control-Allow-Origin响应头，因为网关配置了跨域，后台系统也配置了跨域，所以是gateway和fresheverday的响应头一起返回给了前端。

遇到这个问题应该怎么解决呢？

不要慌，有文档，gateway不是给我们提供了很多过滤器工厂吗，打开官网看一下。

因为博主用的springcloud版本为2.2.6.RELEASE，所以在Spring官网打开的spring cloud gateway的文档页面地址对应的版本处改成2.2.6.RELEASE。

https://docs.spring.io/spring-cloud-gateway/docs/2.2.6.RELEASE/reference/html/#the-deduperesponseheader-gatewayfilter-factory

然后看一下全局过滤器工厂，找到响应头相关的过滤器，如图，很快就找到一个

右边红框内的英文大概意思是会删除两个请求头Access-Control-Allow-Credentials和Access-Control-Allow-Origin重复的值，一旦网关的cors和下游的cors策略都添加了它们。

看到这句英语原话，不由嘴角微动，就是它了，不费吹灰之力。

于是在网关的配置加上上面的配置

        # fresheveryday- id: gateway-fresheverydayuri: lb://fresheverydaypredicates:- Path=/api/fresheveryday/**filters:- StripPrefix=2- DedupeResponseHeader=Access-Control-Allow-Credentials Access-Control-Allow-Origin

重启一下网关服务gateway，点击登录成功跳转到了首页，问题完美解决~