快捷導(dǎo)航

分布式醫(yī)療掛號系統(tǒng)整合Gateway網(wǎng)關(guān)解決跨域問題

更新時間：2022年04月26日 14:28:28 作者：Hudie.

這篇文章主要介紹了分布式醫(yī)療掛號系統(tǒng)整合Gateway網(wǎng)關(guān)解決跨域問題，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪

一、Gateway網(wǎng)關(guān)簡介

API 網(wǎng)關(guān)是介于客戶端和服務(wù)器端之間的中間層，所有的外部請求都會先經(jīng)過API 網(wǎng)關(guān)這一層。也就是說，API 的實現(xiàn)方面更多的考慮業(yè)務(wù)邏輯，而安全、性能、監(jiān)控可以交由 API 網(wǎng)關(guān)來做，這樣既提高業(yè)務(wù)靈活性又不缺安全性。

Spring cloud gateway是spring官方基于Spring 5.0、Spring Boot2.0和Project Reactor等技術(shù)開發(fā)的網(wǎng)關(guān)，Spring Cloud Gateway旨在為微服務(wù)架構(gòu)提供簡單、有效和統(tǒng)一的API路由管理方式，Spring Cloud Gateway作為Spring Cloud生態(tài)系統(tǒng)中的網(wǎng)關(guān)，目標是替代Netflix Zuul，其不僅提供統(tǒng)一的路由方式，并且還基于Filer鏈的方式提供了網(wǎng)關(guān)基本的功能，例如：安全、監(jiān)控/埋點、限流等。

二、Gateway使用步驟

步驟1：搭建模塊并引入依賴

在項目中使用Maven模塊，搭建server-gateway模塊。

由于Gateway也需要在Nacos中進行注冊，所以在引入Gateway依賴的同時，也要引入Naocs依賴。

        <!--Gateway-->
        <dependency>
            <groupId>org.springframework.cloud</groupId>
            <artifactId>spring-cloud-starter-gateway</artifactId>
        </dependency>
        <!-- 服務(wù)注冊 -->
        <dependency>
            <groupId>com.alibaba.cloud</groupId>
            <artifactId>spring-cloud-starter-alibaba-nacos-discovery</artifactId>
        </dependency>

步驟2：添加配置文件

下面的配置表示將網(wǎng)關(guān)服務(wù)端口設(shè)置為9000后，配置了兩個路由id：

# 服務(wù)端口
server.port=9000
# 服務(wù)名
spring.application.name=service-gateway
# nacos服務(wù)地址
spring.cloud.nacos.discovery.server-addr=127.0.0.1:8848
#使用服務(wù)發(fā)現(xiàn)路由
spring.cloud.gateway.discovery.locator.enabled=true
#設(shè)置路由id
spring.cloud.gateway.routes[0].id=service-hosp
#設(shè)置路由的uri
spring.cloud.gateway.routes[0].uri=lb://service-hosp
#設(shè)置路由斷言,代理servicerId為auth-service的/auth/路徑
spring.cloud.gateway.routes[0].predicates= Path=/*/hosp/**
#設(shè)置路由id
spring.cloud.gateway.routes[1].id=service-cmn
#設(shè)置路由的uri
spring.cloud.gateway.routes[1].uri=lb://service-cmn
#設(shè)置路由斷言,代理servicerId為auth-service的/auth/路徑
spring.cloud.gateway.routes[1].predicates= Path=/*/cmn/**

步驟3：創(chuàng)建啟動類

@SpringBootApplication
public class ServerGatewayApplication {
    public static void main(String[] args) {
        SpringApplication.run(ServerGatewayApplication.class, args);
    }
}

網(wǎng)關(guān)初步測試

后端服務(wù)配置好后啟動相應(yīng)微服務(wù)，在前端dev.env.js文件中，也將端口設(shè)置為9000與后端對應(yīng)：

'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')
module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  BASE_API: '"http://localhost:9000"',
})

關(guān)閉之前配置的Nginx，在不同端口之前發(fā)送請求，都可以成功訪問：

測試Gateway網(wǎng)關(guān)

三、Gateway解決跨域問題

在service_gateway模塊創(chuàng)建配置類，寫入下面的內(nèi)容：

@Configuration
public class CorsConfig {
    @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);
    }
}

配置好后，將之前項目中所有Controller中的@CrossOrigin注解刪除掉。

再次啟動后端微服務(wù)和前端項目，切換不同選項卡，發(fā)現(xiàn)跨域問題被成功解決掉：

測試Gateway網(wǎng)關(guān)跨域請求