Spring Cloud：默认从网关重定向到 UI

Question

我是微服务和 Spring Boot 的新手。我有一些 Spring Cloud 微服务，其中 Zuul 网关在端口 8080 上运行。

 浏览器
      |
      |
    网关 (:8080)
     / \
    / \
   / \
资源用户界面 (:8090)

在 8090 端口上有一个 UI 微服务，里面有一个控制器，里面有一个方法，返回 index.html。

我为 UI 配置了这样的 Zuul 路由（我也在使用 Eureka）：

zuul:
  routes:
    ui:
      path: /ui/**
      serviceId: myproject.service.ui
      stripPrefix: false
      sensitiveHeaders:

如果我打电话给http://localhost:8080/ui/，一切正常，我会看到我的 index.html 的渲染。

是否可以通过某种方式配置 Spring Cloud 以使以下流程工作：调用 http://localhost:8080/ 将我们重定向到 UI 微服务的控制器，该控制器返回 index.html？

所以想法是从我网站的根目录打开 UI。

提前致谢！

Answer 1

终于，我的代码运行起来了！感谢@pan 提到了Zuul Routing on Root Path 问题，感谢@RzvRazvan 揭示了Zuul 路由的工作原理。

我刚刚将 controller 添加到 Zuul 路由网关微服务，其中一个端点可以从根 http://localhost:8080/ 重定向到 http://localhost:8080/ui/：

@Controller
public class GateController {    
    @GetMapping(value = "/")
    public String redirect() {
        return "forward:/ui/";
    }    
}

Zuul 属性，用于从端口 8080 上的 Gateway 微服务 作为 http://localhost:8080/ui/ 重定向到 UI 微服务，其中在端口 8090 上作为单独的 Spring Boot 应用程序实现为 http://localhost:8090/ui/:

zuul:
  routes:
    ui:
      path: /ui/**
      serviceId: myproject.service.ui
      stripPrefix: false
      sensitiveHeaders:

UI 微服务的属性：

server:
  port: 8090
  servlet:
     contextPath: /ui

最终，这个调用 http://localhost:8080/ 将我们重定向到 UI 微服务的控制器，它返回视图 index.html：

@Controller
public class UiController {
    @GetMapping(value = "/")
    public String index() {
        return "index.html";
    }
}

---

实际上，我在这种架构中渲染静态内容时遇到了另一个问题，但它与我使用 Vue.js 框架开发的前端的配置有关。我会在这里用几句话来描述它，以防它对某人有帮助。

我有以下 UI 微服务的文件夹结构：

myproject.service.ui
    └───src/main/resources
        └───public
            |───static
            |    ├───css
            |    └───js
            └───index.html

public 文件夹的所有内容都是由 webpack 和 vue.js 中的npm run build 任务生成的。第一次，我打电话给我的http://localhost:8080/ 我得到了index.html 的200 OK和所有其他静态资源的404，因为它们是这样调用的：

http:\\localhost:8080\static\js\some.js

所以它在 webpack 中为静态资源配置了错误的公共路径。我在config\index.js改了：

module.exports = {
  ...
  build: {
    ...
    assetsPublicPath: '/ui/',
    ...
  }
...
}

并且静态资产变得可以正确调用。例如：

http:\\localhost:8080\ui\static\js\some.js

Answer 2

如果您想在 Zuul 上拥有 UI（前端），您可以在 resources/static 文件夹（html、css 和 js 文件）中添加静态内容。通过这种方式，您的代理能够呈现 index.html（当然，您必须在静态文件夹中有一个 index.html）。 O 这种方式在http://localhost:8080 上，代理将呈现 index.html；你也可以有其他路径，但所有这些路径都由 index.html 管理）

关于路由，Zuul 只重定向 http 请求。 http://localhost:8080/ui/。在8080 上运行代理（Zuul）但/ui 是资源服务器的上下文路径。 Se 当您在此路径上调用 http://localhost:8080/ui/ 时，代理将重定向到资源服务器并实际向 http://localhost:8090/ui/

发出请求

是浏览器路径和http请求路径的区别。浏览器路径由 index.html 管理，http 请求由 Zuul 管理。我不知道我是否足够明确。

还有一件事...您可以在 http 请求和 index.html 上使用相同的路径 (/ui)，并且当您的浏览器访问 http://localhost:8080/ui/ 时，您可以使用 http 访问 .js 文件request 方法将向 http://localhost:8080/ui/ 发出 http 请求，然后将被重定向到 http://localhost:8090/ui/ 并且来自资源服务器的响应将在 的页面上呈现>http://localhost:8080/ui/.