reactjs - 未找到 npm 包 - SyntaxError : Unexpected token '<'

Question

我正在 Kubernetes 中运行 react 容器env (AKS) 带有 istio gateway
在本地环境中，使用 docker build && docker run 一切正常
在 Kubernetes 中，对于每个 npm 包，我得到的响应是 status code: 200, response content-type: text/html ，响应内容为 index.html这就是为什么我假设没有找到包？

检查 docker dist 内容时，我可以断言该包在那里(例如 /dist/npm.babel.4fca54....chunk.js 存在

docker 镜像是使用基本上下文构建的:docker build -t imagename --build-arg PUBLIC_URL=/base-app .

index.html 是有效的并且包含有效的脚本声明。例如 <script type="text/javascript" src="/base-app/npm.babel.743f....chunk.js"></script>

Istio 网关

spec:
  selector:
  istio: ingressgateway
  servers:
    - hosts:
      - dev.myDomain.com
      port:
        name: https
        number: 443
        protocol: HTTPS
      tls:
        credentialName: someCreds
        mode: SIMPLE

Istio VS

   - match:
    - uri:
        prefix: /base-app
     route:
      - destination:
          host: svc-app
          port:
            number: 8000

请求 + header 的示例

Request URL: https://dev.myDomain.com/base-app/npm.babel.4fca5....chunk.js
Request Method: GET
Status Code: 200 
Remote Address: xxx.xxx.xxx:443
Referrer Policy: no-referrer-when-downgrade

响应头

accept-ranges: bytes
content-length: 11920 ---> length of index.html
content-type: text/html --> bad needs to be text/javascript
date: Tue, 11 Aug 2020 21:30:07 GMT
etag: "5f32aff9-2e90"
last-modified: Tue, 11 Aug 2020 14:49:29 GMT
server: istio-envoy
status: 200
x-envoy-upstream-service-time: 4

Answer 1

默认情况下，Istio 将从 https://dev.myDomain.com/base-app/npm.babel.4fca5....chunk.js 代理至 http://pod_ip:8000/base-app/npm.babel.4fca5....chunk.js ，而且，据我所知，您的图像直接从 /dist 提供文件。 ，所以 Istio 实际上应该代理到 http://pod_ip:8000/npm.babel.4fca5....chunk.js ;注意丢失的 /base-app/ .为此，请尝试将 Istio 虚拟服务更新为:

- match:
  - uri:
      prefix: /base-app
  rewrite:
    uri: /
  route:
  - destination:
      host: svc-app
      port:
        number: 8000