如何在单个域上为 React app + Express 设置 k8s ingress？

Question

我有一个用 React 构建的前端应用程序和在 nodejs 上构建的后端。 两者都有一个单独的 Docker 映像，因此在 k8s (gce) 上有一个单独的部署。

每个部署都有对应的 k8s 服务，比方说fe-serice和be-service 。

我正在尝试设置一个 Ingress，以便通过以下方式在单个域中公开这两个服务：

• /api/* - 路由到be-service
• 其他一切都路由到fe-service

这是我的 yaml 文件：

apiVersion: extensions/v1beta1
kind: Ingress
metadata:
  name: my-ingress
  annotations:
    ingress.kubernetes.io/rewrite-target: /
spec:
  rules:
  - host: my-host
    http:
      paths:
      - path: /*
        backend:
          serviceName: fe-service
          servicePort: 80
      - path: /api/*
        backend:
          serviceName: be-service
          servicePort: 5000

这是我使用 curl 得到的结果：

curl [ip] --header "Host: my-host" -> React 应用程序（如预期的那样）

curl [ip]/foo --header "Host: my-host" -> nginx 404（为什么？）

curl [ip]/api --header "Host: my-host" -> nginx 404（为什么？）

curl [ip]/api/ --header "Host: my-host" -> nodejs 应用程序

curl [ip]/api/foo --header "Host: my-host" -> nodejs 应用程序

据我所知，带有api/的部分工作正常，但我无法弄清楚其他所有内容，我尝试了带/不带通配符的不同组合，但它仍然无法按照我希望的方式工作。

我错过了什么？ 这可能吗？ 提前致谢！

Answer 1

我无法解释为什么 /foo 不起作用

但

/api/* 不涵盖 /api，它只涵盖 /api/ 之后的所有内容

Answer 2

我不认为这里的问题是你的入口，而是你的 nginx 设置（没有看到它。），因为 React 应用程序是单页应用程序，你需要告诉 nginx 服务器总是寻找index.html而不是去例如/usr/share/nginx/html/foo可能什么也找不到。

我想您会在这里找到相关信息。 祝你好运@Andrey，让我知道这是否有帮助！

Answer 3

我希望不会迟到回应。 请使用kubernetes use-regrex注释来确保它映射到您的服务端点。 请确保在重置结束时完成 React 应用程序服务映射。 使用以下 yaml

apiVersion: extensions/v1beta1
kind: Ingress
metadata:
  name: my-ingress
  annotations:
    kubernetes.io/ingress.class: nginx
    nginx.ingress.kubernetes.io/use-regex: "true"
spec:
  rules:
  - host: my-host
    http:
      paths:
      - path: /api/?(.*)
        backend:
          serviceName: be-service
          servicePort: 5000
       - path: /?(.*)
        backend:
          serviceName: fe-service
          servicePort: 80