时间戳

首页 > 解决方案 > 在 Kubernetes Ingress 后面为静态反应应用程序提供服务

reactjs - 在 Kubernetes Ingress 后面为静态反应应用程序提供服务

问题描述

我目前正在尝试将 React SPA 设置为 kubernetes 上的部署/服务。就像我目前正在运行的后端服务一样，我希望能够在 Ingress 后面点击它。

因为 SPA 只是一堆静态文件，所以我通过 nginx 公开这些文件。在部署中运行的容器安装了 nginx 来提供静态资产（nginx -g daemon off在 docker 文件中）。如果我使用 a 公开部署，这完全可以正常工作LoadBalancer，但如果我使用 Ingress，我不会得到任何响应。在入口后面提供静态资产时，有什么特别的事情需要考虑吗？或任何已知的参考/资源这样做？

这是我的 ingress.yml：

apiVersion: extensions/v1beta1
kind: Ingress
metadata:
  name: web-ingress
  annotations:
    kubernetes.io/ingress.global-static-ip-name: web-static-ip
    nginx.ingress.kubernetes.io/rewrite-target: /$1
spec:
  rules:
  - host: api.my-domain.com
    http:
      paths:
        - backend:
            serviceName: web-backend-service
            servicePort: 80
  - host: app.my-domain.com
    http:
      paths:
        - backend:
            serviceName: web-frontend-service
            servicePort: 80

标签： reactjsnginxkubernetescreate-react-appkubernetes-ingress

解决方案

您需要在集群上部署一个入口控制器，才能使入口资源真正生效。这是 Nginx 入口控制器的安装指南。提供静态内容的示例入口如下所示。

apiVersion: extensions/v1beta1
kind: Ingress
metadata:
  name: web-ingress
  annotations:
    kubernetes.io/ingress.class: "nginx"
    nginx.ingress.kubernetes.io/add-base-url: "true"
    nginx.ingress.kubernetes.io/rewrite-target: /
spec:
  rules:
  - host: api.my-domain.com
    http:
      paths:
        - backend:
            serviceName: web-backend-service
            servicePort: 80
  - host: app.my-domain.com
    http:
      paths:
        - backend:
            serviceName: web-frontend-service
            servicePort: 80

这是有关如何使用 Nginx ingress 在 Minikube 上提供 Angular 8 应用程序的指南。

推荐阅读