使用Ingress Gateway子文件夹React应用+ Angular应用时的问题

Question

尝试通过minikube中的Istio Gateway访问Webapp前端时遇到问题。我已经配置了入口网关来服务Angular前端（minikube_ip：31380 / home）和服务React前端（minikube_ip：31380 / app），但是当我尝试访问时，我却找不到404文件（css，assets，main.js， bundle.js等）-> 404 Error Screenshot

我已经尝试在构建命令“ homepage”：“。”中编写--base-href / app。在package.json中，“首页”：在package.json中为“ / app”，没有任何变化。

唯一改变http响应的是index.html（Angular）中的以下标记：

  <base href="/home/">

index.html（React）：

  <base href="/app/">

结果是下一个：Angular应用->Angular project errorReact App-> React project error

server {

  listen 80;

  sendfile on;

  default_type application/octet-stream;


  gzip on;
  gzip_http_version 1.1;
  gzip_disable      "MSIE [1-6]\.";
  gzip_min_length   1100;
  gzip_vary         on;
  gzip_proxied      expired no-cache no-store private auth;
  gzip_types        text/plain text/css application/json application/javascript application/x-javascript text/xml application/xml application/xml+rss text/javascript;
  gzip_comp_level   9;


  root /usr/share/nginx/html;


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

}

最后，我已更改了将两个前端从Ingress Gateway展示到NodePort并通过NodePort对其进行很好显示的方式（例如：minikube_ip：31040）。

提前感谢。

Answer 1

尝试如下修改您的入口对象的重写目标和路径：

   nginx.ingress.kubernetes.io/rewrite-target: /$1
          path: /(.*)

并确保您已选中此documentation

一旦您尝试过，请告诉我。