VueJS 应用程序未在 kubernetes 中加载 js 文件
我有一个 VueJS 应用程序在 kubernetes 中的 Docker 映像中运行。一旦存在多个副本/pod，客户端就无法加载应用程序 - 许多（但不是全部）加载文件的调用都会返回 404。
我认为这是因为它们被发送到与最初服务请求的 Pod 不同的 Pod。
如何解决这个问题？
这是我的设置：
- VueJS 应用程序 (node.js-Server) 从 kubernetes 中的 Docker 映像运行。
- 上面的 kubernetes 中的服务和端点。
- Kubernetes 中的 nginx 入口作为下一个向外层（见下文）。
- haproxy 防火墙，以便将 myapp.mydomain.com/ 路由到 k8s 上的入口。
这是一个返回 404 的示例调用： 获取 https://myapp.mydomain.com/js/chunk-d18c0136.7a3f0664.js
这是我的服务规范：
apiVersion: v1
kind: Service
metadata:
name: ${CI_PROJECT_NAME}-${CI_BUILD_REF_SLUG_SHORT}
labels:
app: ${CI_ENVIRONMENT_SLUG}
spec:
ports:
- port: 80
targetPort: 8080
protocol: TCP
name: ${CI_PROJECT_NAME}-${CI_BUILD_REF_SLUG}
selector:
app: ${CI_ENVIRONMENT_SLUG}
这是我的 nginx 入口规范：
apiVersion: networking.k8s.io/v1
kind: Ingress
metadata:
name: ${CI_PROJECT_NAME}-${CI_BUILD_REF_SLUG_SHORT}
labels:
app: ${CI_ENVIRONMENT_SLUG}
annotations:
kubernetes.io/ingress.class: "nginx"
nginx.ingress.kubernetes.io/affinity: "cookie"
nginx.ingress.kubernetes.io/proxy-connect-timeout: "30"
nginx.ingress.kubernetes.io/proxy-send-timeout: "3600"
nginx.ingress.kubernetes.io/proxy-read-timeout: "3600"
spec:
defaultBackend:
service:
name: ${CI_PROJECT_NAME}-${CI_BUILD_REF_SLUG_SHORT}
port:
number: 80
rules:
- host: ${CI_APPLICATION_HOST}
http:
paths:
- path: /
pathType: Prefix
backend:
service:
name: ${CI_PROJECT_NAME}-${CI_BUILD_REF_SLUG_SHORT}
port:
number: 80
作为一种解决方法，我们将防火墙配置为仅与一个 Pod 直接通信，或仅运行一个副本。
在 nginx 入口上设置会话粘性“cookie”不起作用。
