Gateway微服務路由使微服務靜態資源加載失敗

1.Gateway

1.1 Gateway介紹

• Gateway就是網關微服務，為我們的各個微服務集群提供一個統一的入口，根據路由匹配進行斷言，進行對應微服務的訪問

2.Gateway 成功之前和之後

2.1 靜態資源失敗場景重現

• 遠程微服務頁面上引入的靜態資源路徑，/css/index.css

<!-- 引入外部 樣式文件 -->
<link rel="stylesheet" type="text/css" href="../static/css/index.css" th:href="@{/css/index.css}">

• 遠程微服務放行靜態資源，修改配置文件

spring:
  application:
    name: ProductPageDemo
  # 放行靜態資源
  resources:
    static-locations: classpath:/static/

• Gateway網關配置文件

server:
  port: 80
spring:
  application:
    name: GatewayDemo
  cloud:
    gateway:
      # 配置路由
      routes:
        - id: ProductPageDemo
          uri: http://ProductPageDemo:9100
          predicates:
            # 斷言，以 /page/ 開頭進行匹配
            - Path=/page/**
          filters:
            # 過濾器，會去除第一級路徑然後進行路由
            - StripPrefix=1

• 進行請求：http://127.0.0.1/page/page/all
  

2.2 修改成功，成功加載

• 因為我的路由匹配需要除去第一級匹配路徑，所以我們需要在 對應微服務引入靜態資源的時候修改靜態資源路徑，/page/css/index.css

<!-- 引入外部 樣式文件 -->
<link rel="stylesheet" type="text/css" href="../static/css/index.css" th:href="@{/page/css/index.css}">

• 進行請求：http://127.0.0.1/page/page/all
  

2.3 如果沒有去除第一級路徑，大家可以如下配置

server:
  port: 80
spring:
  application:
    name: GatewayDemo
  cloud:
    gateway:
      # 配置路由
      routes:
        - id: ProductPageDemo
          uri: http://ProductPageDemo:9100
          predicates:
            # 斷言，以 /page/ 開頭進行匹配
            - Path=/page/**,/css/** # 放行靜態資源路徑