如何使用 istio 为 Anguar 微前端提供 javascript 和图像文件由 index.html 引用？

如何解决如何使用 istio 为 Anguar 微前端提供 javascript 和图像文件由 index.html 引用？

我在 EKS 上使用 istio

我在 EKS 上部署了一个 Angular 微前端应用

这是我的微型字体末尾的 index.html

中的基本 href

<base href="/ui-spa">

我正在使用以下 VirtualService：

apiVersion: networking.istio.io/v1alpha3
kind: VirtualService
Metadata:
 name: ui-spa-virtual-service
 namespace: ui-spa-namespace
spec:
 hosts:
 - "*"
 gateways:
 - default/ui-spa-gateway
 http:
 - match:
   - uri:
       prefix: "/ui-spa/login"
   rewrite:
     uri: "/index.html"
   route:
   - destination:
      host: ui-spa-service
      port:
        number: 80

当我回复此虚拟服务时，以下 curl 命令工作正常：

curl "istio-loadbalancer/ui-spa/login"

curl 命令成功返回 index.html 页面。

但是当我在浏览器中运行相同的 URL 时，我得到一个空白页面

当我查看 chrome 上的开发者工具页面时，我注意到 index.hml 返回了 200 状态，但所有其他依赖项（如 javascript 文件和图像文件）都返回 404 错误。

如何确保浏览器也返回所有的js和图片文件？

我应该更改虚拟服务吗？

我也尝试过这里的建议：

https://rinormaloku.com/istio-practice-routing-virtualservices/

... 并将其添加到我的虚拟服务中。但它没有用：

  http:
  - match:
    - uri:
        exact: /
    - uri:
        exact: /callback
    - uri:
        prefix: /static
    - uri:
        regex: '^.*\.(ico|png|jpg)$'

上面的虚拟服务对于js和图片文件也给了404。

解决方法

比赛结束时的斜线 uri 起到了作用。现在所有依赖项都像魅力一样加载！

http:
  - match:
    - uri:
          prefix: /ui-spa/