如何在 Netlify 站点上托管和访问文件

Question

我正在使用Netlify 来托管github repo，并试图找到一种方法来托管域上的其他文件。

（如果您不知道 Netlify 是什么，请查看。据我所知，它是 AWS 代码部署的快速肮脏和免费版本。（免责声明未使用 AWS 代码部署）

示例

基本域：

https://physiome-test.netlify.com/

从

加载 3D 模型

https://physiome-test.netlify.com/3Dmodels/heart/fullheart.json

有人知道这是否可能吗？我知道他们只提供“静态站点”，但我不明白为什么不能包括文件存储，这样就不必担心 CORS

Answer 1

Netlify 将在部署时将所有静态内容托管在您告诉它的文件夹中。您当前告诉 Netlify 将整个存储库放入从存储库根目录开始的站点中。这会导致您的相对路径出现问题。

此时您可以在您的站点上转到您的存储库中的任何路径并获得该文件的返回响应。

解决方案：

将您的站点构建到一个构建位置，并让 Netlify 将该位置部署到该站点。相对于该位置的根路径的任何路径都将是您网站的根。

1. 将body 资产放在simple_heart/models 目录下simple_heart/models/body

2. netlify.toml（存储库的根目录）

[build]
  command = "cp -r ./simple_heart ./build && npm run build"
  publish = "build"

3. 修复 simple_heart 中的 index.html 以反映来自 simple_heart 根目录的相对路径，该根目录现在将成为您网站的根目录以及构建资产 physiomeportal.js physiomeportal.min.js 位于您网站的根目录。

注意：要查看此内容，请在本地构建中从站点的根目录运行命令。