reactjs - aws amplify 不为 wasm 提供内容类型

Question

我用 Rust 中的 wasm-pack 编写了一个 wasm 模块。我将它用作 React SPA 的一部分。我已经将 wasm 库发布到 npm，并且在我的本地机器上一切正常。它也适用于 ec2 实例；但是，当我通过 aws Amplify 部署时，出现以下问题

Unexpected error in loadWasm. [Message: Response has unsupported MIME type]

响应头包括

content-type: text/html

对于

https://master.d3447bi8c4sf9b.amplifyapp.com/ac0bae67a38fb31af71d.module.wasm

我尝试用几种不同的方式编辑自定义 header yml

customHeaders:
  - pattern: '*.wasm'
    headers:
      - key: Content-Type
        value: application/wasm

customHeaders:
  - pattern: '*.wasm'
    headers:
      - key: 'Content-Type'
        value: 'application/wasm'

我不确定是不是 Amplify 不正确地提供了 wasm 还是什么。任何帮助将不胜感激

Answer 1

我也遇到过。除了添加 mime 类型外，我还向 Amplify“重写和重定向”规则添加了 wasm，如下所示

</^[^.]+$|\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|ttf|map|json|wasm)$)([^.]+$)/>