angular - 在kubernetes入口上部署后，Angular应用程序出现mime错误并无法在浏览器上加载

标签 angular nginx kubernetes kubernetes-ingress

问题是我的css和js angular生产构建文件未正确选择，从浏览器日志中我了解到js和cs未加载，因为其MIME类型“text / html”不是“text / css”。

在浏览器控制台上提供错误的屏幕截图。

下面的屏幕截图链接



下面是我的nginx配置文件

server {
  listen 80;

  root   /usr/share/nginx/html;
  index  index.html index.htm;
  include /etc/nginx/mime.types;

  gzip on;
  gzip_min_length 1000;
  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;


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

}

我已经部署了以下入口Yaml

apiVersion: extensions/v1beta1
kind: Ingress
metadata:
  name: test-ingress
  annotations:
    kubernetes.io/ingress.class: nginx
    nginx.ingress.kubernetes.io/ssl-redirect: "false"
    nginx.ingress.kubernetes.io/force-ssl-redirect: "false"
spec:
  rules:
  - http:
      paths:
      - path: /test
        backend:
          serviceName: testapp
          servicePort: 80
      - path: /assets
        backend:
          serviceName: testapp
          servicePort: 80

我试图实现的是我应该能够在入口路径(/ test)上加载我的应用程序，但无法显示。当我尝试没有入口路径(即下面)时，它可以正常工作:请您帮我解决我做错了什么

最佳答案

我设法通过更改tsconfig.json来解决此问题