Gateway CORS跨域配置

Charge8

2024-03-29 帮助1人

一、CORS跨域问题

跨源资源共享 (CORS)（或通俗地译为跨域资源共享）是一种基于 HTTP 头的机制，该机制通过允许服务器标示除了它自己以外的其它 origin（域，协议和端口），使得浏览器允许这些 origin 访问加载自己的资源。跨源资源共享还通过一种机制来检查服务器是否会允许要发送的真实请求，该机制通过浏览器发起一个到服务器托管的跨源资源的"预检"请求。在预检中，浏览器发送的头中标示有 HTTP 方法和真实请求中会用到的头。

跨源 HTTP 请求的一个例子：运行在 https://domain-a.com 的 JavaScript 代码使用 XMLHttpRequest 来发起一个到 https://domain-b.com/data.json 的请求。

关于CORS知识查看之前的文章。

SpringBoot解决CORS跨域请求：https://blog.csdn.net/qq_42402854/article/details/109216343

前端页面 html代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
    <div >
        <table border="1">
        <thead>
 
        </thead>
        <tbody id="userlist">

        </tbody>

    </table>
    </div>
    <input type="button" value="触发按钮" onclick="getData()">
    <script>
        function getData() {
            $.get('http://localhost:18088/app-api/app-user/user/getRequestParameter/1?token=abc123',function(data){
                alert(data);
            });
        }
    </script>
</body>
</html>

直接双击它浏览器打开，点击触发按钮（访问 Gateway服务统一入口API）报跨域错误。

学新通
通过 Gateway解决 CORS跨域问题也非常简单。

二、Gateway CORS跨域配置

“全局”CORS配置是URL模式到 Spring Framework CorsConfiguration的映射。

官方文档：https://docs.spring.io/spring-cloud-gateway/docs/current/reference/html/#cors-configuration

Gateway网关有两种配置方式：

通过 YAML配置
通过 Java配置类配置

1、YAML配置

spring:
  application:
    name: app-gateway

  #配置 nacos注册中心
  cloud:
    nacos:
      discovery:
        server-addr: 192.168.xxx.xxx:8848

    #配置 gateway网关
    gateway:
      # CORS跨越配置
      globalcors:
        cors-configurations:
          '[/**]':
            allowedOrigins: "*" # 开发环境设置为*，生产环境设置为域名
            allowedMethods:
              - GET
              - OPTION
              - POST
              - DELETE
              - PUT
      #设置路由：路由id、路由到微服务的uri、断言

重启 Gateway服务，重新点击触发按钮，访问 OK。

学新通

2、Java配置类配置

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;
import org.springframework.web.util.pattern.PathPatternParser;

/**
 * CORS跨越配置
 */
//@Configuration
public class AppCorsConfig {

    @Bean
    public CorsWebFilter corsFilter() {
        CorsConfiguration config = new CorsConfiguration();
        // 开发环境设置为*
        config.addAllowedMethod("*");
        config.addAllowedOrigin("*");
        config.addAllowedHeader("*");

        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(new PathPatternParser());
        source.registerCorsConfiguration("/**", config);

        return new CorsWebFilter(source);
    }
}

– 求知若饥，虚心若愚。

这篇好文章是转载于：学新通技术网

Gateway CORS跨域配置

一、CORS跨域问题

二、Gateway CORS跨域配置

1、YAML配置

2、Java配置类配置

photoshop保存的图片太大微信发不了怎么办

Android 11 保存文件到外部存储，并分享文件

word里面弄一个表格后上面的标题会跑到下面怎么办

《学习通》视频自动暂停处理方法

微信公众号没有声音提示怎么办

photoshop扩展功能面板显示灰色怎么办

怎样阻止微信小程序自动打开

excel下划线不显示怎么办

excel打印预览压线压字怎么办

photoshop蒙版画笔没反应怎么办