nginx-ingress 在 pod 中向 nginx 发送流量但不返回资产答案

【问题标题】：nginx-ingress sending traffic to nginx in pod but not returning assetsnginx-ingress 在 pod 中向 nginx 发送流量但不返回资产
【发布时间】：2021-01-20 18:20:09
【问题描述】：

基本上，我很难让 nginx 从位于子路径 /new-admin 的 CRA Web 应用程序提供 npm build。

我在package.json "homepage": "/new-admin" 和<Route basename={process.env.PUBLIC_URL}> 中确实有index.js。在开发中运行良好，但现在我正在尝试制作暂存/生产副本，但我很确定这是由于./nginx/default.conf。在我尝试过的各种配置中，没有一个有效，我要么得到：

500 Internal Server Error
<Uncaught SyntaxError: Unexpected token '<'

这就是我所拥有的：

# ingress.yaml

apiVersion: networking.k8s.io/v1beta1
kind: Ingress
metadata:
  annotations:
    kubernetes.io/ingress.class: "nginx"
    nginx.ingress.kubernetes.io/proxy-body-size: "0"
    nginx.org/client-max-body-size: "500m"
    nginx.ingress.kubernetes.io/rewrite-target: /$1
    nginx.ingress.kubernetes.io/configuration-snippet: |
      rewrite ^(/admin)$ $1/ permanent;
  name: ingress-service-dev-admin
  namespace: default
spec:
  rules:
    - http:
        paths:
          - path: /admin/?(.*)
            backend:
              serviceName: admin-old-cluster-ip-service-dev
              servicePort: 4000  
---
apiVersion: networking.k8s.io/v1beta1
kind: Ingress
metadata:
  annotations:
    kubernetes.io/ingress.class: "nginx"
    nginx.ingress.kubernetes.io/configuration-snippet: |
      rewrite ^(/new-admin)$ $1/ permanent;
  name: ingress-service-dev
  namespace: default
spec:
  rules:
    - http:
        paths:
          - path: /new-admin/
            backend:
              serviceName: admin-new-cluster-ip-service-dev
              servicePort: 4001
          - path: /api/
            backend:
              serviceName: api-cluster-ip-service-dev
              servicePort: 5000
          - path: /
            backend:
              serviceName: client-cluster-ip-service-dev
              servicePort: 3000

# Dockerfile for /new-admin/

FROM node:13-alpine as builder
WORKDIR /app
COPY ./package.json ./
RUN npm install
COPY . .
RUN npm run build

FROM nginx
EXPOSE 4001
COPY ./nginx/default.conf /etc/nginx/conf.d/default.conf
COPY --from=builder /app/build /usr/share/nginx/html

此版本的default.conf 生成500 Internal Server Error：

# ./nginx/default.conf

server {
  listen 4001;
  root /usr/share/nginx/html;
  index index.html index.htm;

  location /new-admin {
    try_files $uri $uri/ /new-admin/index.html;
  }
}

这是关联的nginx日志：

[admin-new] 2020/10/05 20:31:49 [error] 28#28: *9 rewrite or internal redirection cycle while internally redirecting to "/new-admin/index.html", client: 172.17.0.4, server: , request: "GET /new-admin/ HTTP/1.1", host: "192.168.64.5"
[admin-new] 172.17.0.4 - - [05/Oct/2020:20:31:49 +0000] "GET /new-admin/ HTTP/1.1" 500 579 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.121 Safari/537.36" "192.168.64.1"

这个版本导致<Uncaught SyntaxError: Unexpected token '<':

# ./nginx/default.conf

server {
  listen 4001;
  root /usr/share/nginx/html;
  index index.html index.htm;

  location / {
    try_files $uri $uri/ /index.html;
  }
}

这似乎最接近正确，因为它服务于index.html，而不是 CSS 和 JS 资产。它确实显示在index.html 中，应该是正确的：

<script src="/new-admin/static/js/2.c6b4376b.chunk.js"></script>
<script src="/new-admin/static/js/main.c24347bf.chunk.js"></script>

我还注意到它启动 Pod 时所说的，尽管它是从头开始构建图像的。

[admin-new] /docker-entrypoint.sh: /docker-entrypoint.d/ is not empty, will attempt to perform configuration
[admin-new] /docker-entrypoint.sh: Looking for shell scripts in /docker-entrypoint.d/
[admin-new] /docker-entrypoint.sh: Launching /docker-entrypoint.d/10-listen-on-ipv6-by-default.sh
[admin-new] 10-listen-on-ipv6-by-default.sh: Getting the checksum of /etc/nginx/conf.d/default.conf
[admin-new] 10-listen-on-ipv6-by-default.sh: error: /etc/nginx/conf.d/default.conf differs from the packaged version
[admin-new] /docker-entrypoint.sh: Launching /docker-entrypoint.d/20-envsubst-on-templates.sh
[admin-new] /docker-entrypoint.sh: Configuration complete; ready for start up

【问题讨论】：

标签： docker nginx kubernetes nginx-location nginx-ingress

【解决方案1】：

实际上，我遇到了这个答案，这几乎就是我遇到的问题：

React & nginx routing to subdirectory

所以我的最终./nginx/default.conf 看起来像这样：

server {
  listen 4001;
  root /usr/share/nginx/html;
  index index.html index.htm;

  location = /new-admin {
    try_files $uri $uri/ /index.html =404;
  }

  location ~ ^/new-admin(.*) {
    try_files $1 $1/ /index.html =404;
  }
}

【讨论】：