kubernetes 和 terraform 设置中的多个 vue.js 容器 returns 404 或 502

Question

我的 Ingress / Terraform / NGINX / Kubernetes 设置在正确重定向方面存在问题，它目前服务于 vue.js 前端和 .NET Core 后端，这两个都可以在线工作。但是，当添加另一个 Vue.JS 实例时，它似乎没有正确重定向到所说的 URL.

我的地形设置

resource "kubernetes_ingress" "ingress" {
    metadata {
     name      = "ingress"
     namespace = var.namespace_name
     annotations = {
       "nginx.ingress.kubernetes.io/force-ssl-redirect" = true
       "nginx.ingress.kubernetes.io/from-to-www-redirect" = true
       "nginx.ingress.kubernetes.io/ssl-redirect": true
       "kubernetes.io/ingress.class": "nginx"
     }
    }

spec {
 tls {
  hosts = [var.domain_name, "*.${var.domain_name}"]
  secret_name = "tls-secret"
 }
rule {
  host = var.domain_name
  http {
    path {
      path = "/"
      backend {
        service_name = "frontend"
        service_port = 80
      }
    }

    path {
      path = "/api"
      backend {
        service_name = "api"
        service_port = 80
      }
    }

    path {
      path = "/backend/*"
      backend {
        service_name = "backend"
        service_port = 80
      }
    }

    path {
      path = "/payment/*"
      backend {
        service_name = "payment"
        service_port = 80
      }
    }

  }
}
}

wait_for_load_balancer = true
}

当运行kubectl describe返回如下

Name:             ingress
Namespace:        [redacted]
Address:          [ip-address]
Default backend:  default-http-backend:80 (<none>)
TLS:
 tls-secret terminates [url-name],*.[url-name]
Rules:
  Host            Path  Backends
  ----            ----  --------
  [url-name]
              /           frontend:80 (10.244.0.97:80)
              /api        api:80 (10.244.0.121:80)
              /backend/   backend:80 (10.244.0.96:80)
              /payment/   payment:80 (10.244.0.32:80)
  Annotations:
    nginx.ingress.kubernetes.io/force-ssl-redirect:    true
    nginx.ingress.kubernetes.io/from-to-www-redirect:  true
    nginx.ingress.kubernetes.io/ssl-redirect:          true

我在想我可能缺少代理设置，但我不知道如何重定向它。此外，整个解决方案与 CI 一起部署到数字海洋。我已经尝试了各种其他配置，例如删除路径中的星号 /backend/ 但这并没有改变任何东西。

在注释中添加 nginx.ingress.kubernetes.io/rewrite-target: / 只破坏了 /api URL 而没有修复其他的。

EDIT* 添加 "kubernetes.io/ingress.class": "nginx" 不幸的是，@Vitalii 提到的那样并没有解决问题。为了完整起见，问题已更新

Answer 1

添加 nginx.ingress.kubernetes.io/rewrite-target: / 实际上是解决方案的一部分，它确实破坏了 .NET C# API 这让我问了一个单独的问题，可以找到的一致性和未来搜索缘故我使用的解决方案如下。除了在我的 annotations 中添加重写目标行之外，将 API 路径从

更改为

 path {
  path = "/api(.*)"
  backend {
    service_name = "api"
    service_port = 80
  }
}

进入

     path {
      path = "/(api.*)"
      backend {
        service_name = "olc-api"
        service_port = 80
      }
    }

有了它，它将 /api 匹配到我的 .NET 核心应用程序，而不是试图在 vue.js 容器[=15= 中找到 URL ]

kubernetes 和 terraform 设置中的多个 vue.js 容器 returns 404 或 502

Multiple vue.js containers in kubernetes and terraform setup returns 404 or 502

docker

vue.js

kubernetes

terraform

kubernetes-ingress