配置网关以及解决跨域问题

配置网关以及解决跨域问题

​ 1、首先在前端页面,把基础请求路由给网关

  // api接口请求地址
  window.SITE_CONFIG['baseUrl'] = 'http://localhost:88/api';

​ 2、在网关中首先引入依赖

		<dependency>
            <groupId>org.springframework.cloud</groupId>
            <artifactId>spring-cloud-starter-gateway</artifactId>
        </dependency>
		<dependency>
            <groupId>com.alibaba.cloud</groupId>
            <artifactId>spring-cloud-starter-alibaba-nacos-discovery</artifactId>
            <version>2.1.0.RELEASE</version>
        </dependency>
        <dependency>
            <groupId>com.alibaba.cloud</groupId>
            <artifactId>spring-cloud-starter-alibaba-nacos-config</artifactId>
            <version>2.1.0.RELEASE</version>
        </dependency>

​ 3、将网关注册到nacos

//spring.cloud.nacos.discovery.server-addr=127.0.0.1:8848
//spring.application.name=container-gateway
//server.port=88
@EnableDiscoveryClient
@SpringBootApplication(exclude = {DataSourceAutoConfiguration.class})
public class ContainerGatewayApplication {
    public static void main(String[] args) {
        SpringApplication.run(ContainerGatewayApplication.class, args);
    }

}

​ 4、在application.yml文件中配置路由

spring:
  cloud:
    gateway:
      routes:
        - id: admin_route
          uri: lb://renren-fast
          predicates:
            - Path=/api/**
            #这里是指以/api开头的所有请求全部进行拦截
          filters:
            - RewritePath=/api/(?<segment>.*),/renren-fast/$\{segment}
            #对路径进行重写

​ 5、编写配置类,对跨域问题进行处理

@Configuration
public class ContainerOrgConfiguration {
    @Bean
    public CorsWebFilter corsWebFilter(){
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        CorsConfiguration corsConfiguration=new CorsConfiguration();
//        1、配置跨域
        corsConfiguration.addAllowedHeader("*");
        corsConfiguration.addAllowedMethod("*");
        corsConfiguration.addAllowedOrigin("*");
        corsConfiguration.setAllowCredentials(true);
        source.registerCorsConfiguration("/**",corsConfiguration);
        return new CorsWebFilter(source);
    }
}

### 网关模块解决问题方案 对于采用前后端分离架构的电商项目,在网关层面上解决问题是必要的。通过在网关系统中添加特定配置来实现全局范围内的支持,可以有效简化开发流程并提高系统的可维护性。 #### 配置`application.yml` 为了使网关能够处理来自不同源的请求而不受浏览器同源策略的影响,需修改`gateway`服务中的`application.yml`文件,加入如下所示的相关设置: ```yaml spring: cloud: gateway: globalcors: add-to-simple-url-handler-mapping: true # 解决预检请求(OPTIONS)被拦截的问题 corsConfigurations: '[/**]': allowedOrigins: - "http://localhost:8090" allowedMethods: - GET - POST - DELETE - PUT - OPTIONS allowedHeaders: "*" allowCredentials: true maxAge: 360000 ``` 上述配置定义了一个适用于所有路径(`[/**]`)的CORS政策,指定了允许发起请求的具体名列表以及所接受的方法类型和头部字段[^2]。特别注意的是当设置了`allowCredentials=true`时,`allowedOrigins`不应设为通配符(*)以保障安全性;这里仅作为示例展示[^1]。 此外,针对某些特殊场景下的需求调整,比如更复杂的认证机制或是自定义响应头等高级功能,则可能需要进一步定制化Filter链或编写额外逻辑代码来满足业务要求[^3]。 ```java @Bean public CorsWebFilter corsWebFilter() { UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(); CorsConfiguration config = new CorsConfiguration(); config.setAllowCredentials(true); config.addAllowedOrigin("http://localhost:8090"); config.setMaxAge(3600L); source.registerCorsConfiguration("/api/**", config); return new CorsWebFilter(source); } ``` 此Java Bean实现了更加细粒度控制的方式,它允许开发者根据实际应用场景灵活设定不同的规则应用于指定API接口之上。
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值