Блог

У меня есть приложение Vue, которое я пытаюсь разместить в кластере AWS EKS за входом NLB и Nginx, чтобы получить к нему доступ из подпути (/ backoffice) моего сетевого балансировщика нагрузки. Настройка следующая.

У меня есть следующий файл docker :

 FROM node:lts-alpine
RUN npm install -g http-server

WORKDIR /app
COPY package*.json ./

RUN npm install
COPY . .

RUN npm run build

EXPOSE 8080
CMD [ "http-server", "dist", "-p", "80"]
 

Затем я настроил свою службу и развертывание следующим образом:

 apiVersion: v1
kind: Service
metadata:
  name: backoffice-service
  namespace: internal
spec:
  type: NodePort
  ports:
    - port: 80
      targetPort: 80
      protocol: TCP
  selector:
    app.kubernetes.io/name: app-backoffice
---
apiVersion: apps/v1
kind: Deployment
metadata:
  name: deployment-backoffice
  namespace: internal
spec:
  selector:
    matchLabels:
      app.kubernetes.io/name: app-backoffice
  replicas: 1
  revisionHistoryLimit: 3
  template:
    metadata:
      labels:
        app.kubernetes.io/name: app-backoffice
    spec:
      containers:
        - name: app-backoffice
          image: backoffice:0.0.1
          imagePullPolicy: Always
          ports:
            - containerPort: 80
 

Затем я настроил свой вход:

 apiVersion: extensions/v1beta1
kind: Ingress
metadata:
  name: ingress-internal
  namespace: internal
  annotations:
    nginx.ingress.kubernetes.io/ssl-redirect: "false"
    nginx.ingress.kubernetes.io/force-ssl-redirect: "false"
    nginx.ingress.kubernetes.io/rewrite-target: /
spec:
  rules:
    - http:
        paths:
        - path: /backoffice/*
          backend:
              serviceName: backoffice-service
              servicePort: 80
 

Я также изменил publicPath в vue.config.js чтобы соответствовать подпути, используемой входом.

Когда я запрашиваю свой балансировщик нагрузки, он успешно возвращает мне страницу и ресурсы, которые необходимо загрузить для отображения страницы, и браузер успешно получает ее. Но раздел приложения пуст, и отображается ошибка noscript, даже если JS включен в моем браузере…

Эта проблема также возникает локально при запуске

 npm run build
http-server dist -p 80
 

Мне не удается исправить эту проблему, и я застрял на несколько дней…
У кого — нибудь есть идея ?

Спасибо