Kubernetes Ingress无法容纳Visual Studio生成的ASP.NET MVC Hello World WebApp的CSS文件

如何解决Kubernetes Ingress无法容纳Visual Studio生成的ASP.NET MVC Hello World WebApp的CSS文件

我再次遵循这些说明https://docs.microsoft.com/en-us/azure/aks/ingress-basic，在Windows 10上再次使用Docker for Desktop / Kubernetes。该教程效果很好，现在我想通过添加名为KubernetesHelloWorldASPNET (available on docker hub here)的C＃/ ASP.NETCore3 MVC WebApp对其进行增强。这基本上是Visual Studio 2019为C＃ASP.NET/MVC Core WebApp创建的模板。

这是hello-world-ingress.yaml：

apiVersion: networking.k8s.io/v1beta1
kind: Ingress
metadata:
  name: hello-world-ingress
  namespace: ingress-basic
  annotations:
    kubernetes.io/ingress.class: nginx
    nginx.ingress.kubernetes.io/ssl-redirect: "false"
    nginx.ingress.kubernetes.io/rewrite-target: /$2
spec:
  rules:
  - http:
      paths:
      - backend:
          serviceName: aks-helloworld-one
          servicePort: 80
        path: /hello-world-one(/|$)(.*)
      - backend:
          serviceName: aks-helloworld-two
          servicePort: 80
        path: /hello-world-two(/|$)(.*)
      - backend:
          serviceName: kuberneteshelloaspnet
          servicePort: 80
        path: /kuberneteshelloaspnet(/|$)(.*)
      - backend:
          serviceName: todolistclient
          servicePort: 80
        path: /todolistclient(/|$)(.*)
---
apiVersion: networking.k8s.io/v1beta1
kind: Ingress
metadata:
  name: hello-world-ingress-static
  namespace: ingress-basic
  annotations:
    kubernetes.io/ingress.class: nginx
    nginx.ingress.kubernetes.io/ssl-redirect: "false"
    nginx.ingress.kubernetes.io/rewrite-target: /static/$2
spec:
  rules:
  - http:
      paths:
      - backend:
          serviceName: aks-helloworld-one
          servicePort: 80
path: /static(/|$)(.*)

从上面我可以通过浏览器从浏览器（http：// localhost / kuberneteshelloaspnet）看到KubernetesHelloWorldASPNET的网页的意义上，这与上面的Ingress教程一起使用。但是，它的格式不正确。我相信问题是入口不允许浏览器获取由Visual Studio生成的CSS和其他静态文件。

如何使CSS的HelloWorld小程序正确显示？

直接与Visual Studio一起运行时，网页看起来很好（没有docker，没有kubernetes，没有入口）。

2020年9月9日星期四

根据Matt的评论，我使用了浏览器中的开发人员工具，并确认我在bootstrap.min.css，boostrap.bundle.min.js，site.js，jquery.min.js中遇到404错误

我找到了a similar post here。但是，该解决方案似乎无法使Ingress容纳多个网站，每个网站都有自己的CSS和JS目录。他们正在为“ / css”和“ / js”之类的路径创建规则，这让我认为所有应用程序必须共享相同的css和js目录？

我正在遵循本教程，并创建一个包含通配符的路径。所以我有

path: /kuberneteshelloaspnet(/|$)(.*)

这应该适应（在我的示例中，将docker用于桌面kubernetes）http：//localhost/kuberneteshelloaspnet/lib/jquery/dist/jquery.min.js-正确吗？好吧，这似乎不起作用！

现在，Chrome中的开发人员工具网络显示似乎表明js和css文件只有一个文件名，而没有路径。但是，当单击“检查”时，我看到HTML，并且HTML引用了诸如“ lib”和“ css”之类的子目录，这与Visual Studio生成的项目目录一致。

因此，显然我的入口规则允许访问位于http：// localhost：80 / kuberneteshelloaspnet的家用MVC控制器，但不允许访问http：// localhost：80 / kuberneteshelloaspnet / lib / jquery / dist / jquery。 min.js（例如）。

如何修改入口规则以容纳这些静态文件的子目录？

2020年9月12日星期六：进展！

此版本的hello-world-ingress.yaml适用于单个Web应用程序：

apiVersion: networking.k8s.io/v1beta1
kind: Ingress
metadata:
  name: hello-world-ingress
  namespace: ingress-basic
  annotations:
    kubernetes.io/ingress.class: nginx
    nginx.ingress.kubernetes.io/ssl-redirect: "false"
spec:
  rules:
  - http:
      paths:
      - backend:
          serviceName: kuberneteshelloaspnet
          servicePort: 80
        path: /
---
apiVersion: networking.k8s.io/v1beta1
kind: Ingress
metadata:
  name: hello-world-ingress-static
  namespace: ingress-basic
  annotations:
    kubernetes.io/ingress.class: nginx
    nginx.ingress.kubernetes.io/ssl-redirect: "false"
spec:
  rules:
  - http:
      paths:
      - backend:
          serviceName: kuberneteshelloaspnet
          servicePort: 80
        path: /lib(/|$)(.*)

这只是一个猜测，我不知道它为什么起作用。该网页似乎正常工作，因为它的格式正确，并且在chrome开发人员工具面板中看不到任何404错误。

1. 请帮助我了解此hello-world-ingress.yaml文件的内容。我原本希望看到kind: service，随后看到kind: deployment，但我只看到两次kind: Ingress。此文件是定义服务还是部署，还是两者都定义？
2. 是否可以增强我的解决方案，所以我托管多个网站，每个网站都有单独的路径，每个网站都有单独的子路径，例如/js和/css和/lib，因此每个网站可以拥有自己的jquery.min.js副本，因为它们需要不同版本的jquery？
3. 除其他事项外，我删除了重写规则。我什么时候要使用重写规则？重写规则可以帮助我容纳多个网站吗？

2020年9月18日星期五：进展？ I may have found the solution of using the function UsePathBase in this blog。此博客中描述的症状与我的相符。但是，as I describe here,I cannot make this work! Calling the function UseBasePath seems to have no affect。

谢谢

齐格弗里德

解决方法

我一直在使用the Microsoft Ingress Example来演示重写规则。

使用重写规则的问题是它不能容纳具有静态文件（例如jquery.min.js）不同副本的多个Web应用程序。

C＃/ VB.NET ASP.NET Core程序员的解决方案是使用UseBasePath。

我希望上面的教程/示例能够解释这些不同的选项以及它们的弊端和优点。显然UseBasePath不适用于java或python webapps（尽管可能会有对应的东西）。

我没有意识到，由于重写规则首先执行以删除路径的根段，因此UseBasePath不需要删除，并且似乎没有任何作用。

解决方案是在添加了对UseBasePath的调用后删除重写规则。