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

How to host and access files on a Netlify site

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

(如果你不知道 Netlify 是什么,请查看它。据我所知,它是 AWS 代码部署的快速肮脏和免费版本。(免责声明没有使用 AWS 代码部署))

例子

基域:

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

加载 3D 模型

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

有人知道这是否可行吗?我知道他们只提供 'static sites' 但我不明白为什么不能包括文件存储,这样就不必担心 CORS

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.jsphysiomeportal.min.js 位于您网站的根目录。

注意: 要查看此内容,运行 来自本地构建站点根目录的命令。