使用sicchart.js时，在nginx中使用alias部署时出现错误

Question

首先，规格如下。

• 使用反应
• 使用vite
• 使用 [电子邮件受保护]
• 使用 [电子邮件受保护]

模块设置如下。

export const SetSciChartSurface = () => {
  SciChartSurface.setRuntimeLicenseKey(window.REACT_APP_SCICHART_KEY);
  SciChartSurface.configure({
    wasmUrl: "./scichart2d.wasm",
    dataUrl: "./scichart2d.data",
  });

  SciChartDefaults.useSharedCache = true;

  return SciChartSurface;
};

我的问题是nginx，所以我可以如下设置

location / {
 root "C:\\nginx\\build\\indexViewer";
 index index.html index.htm;
 try_files $uri $uri/ /index.html;
}

如果你像下面这样写，你会得到如图所示的错误。当然，scichart2d.wasm文件和scichart2d.data文件在200 OK中都得到了很好的接收。

location /indexViewer {
    alias   "C:\\nginx\\build\\IndexViewer";
    sub_filter assets/ indexViewer/assets/; 
    sub_filter_once off;
    sub_filter_types *;
}

在此输入图片描述

我已经挣扎了几个月了。我一直通过 nginx 与不同端口共享项目，但我不想这样做，所以我一直使用别名。但如果您使用别名而不是 root 来执行此操作，则会发生这些问题。

我希望这个错误不会出现。

Answer 1

要了解错误的根本原因，首先检查是否正确加载了预期的文件：没有 404 错误，并且获取了 .data 和 .wasm 文件的适当内容。
然后，为了匹配您的位置结构，请使用 SciChartSurface.configure （或 SciChart3DSurface.configure）方法来自定义这些文件的 URL。

请参阅文档了解更多信息。