Javascript IPFS静态网站部署

Javascript IPFS静态网站部署,javascript,vue.js,nuxt.js,svelte,ipfs,Javascript,Vue.js,Nuxt.js,Svelte,Ipfs,我正在尝试将静态网站部署到由NuxtJS和SapperJS生成的IPF上 在这两种情况下,我都犯了同样的错误: 加载资源失败:服务器响应状态为404(未找到) 因为HTML中的链接如下所示: <link href="client/main.850609924.css" rel="stylesheet"> 当我访问任何index.html时,所有静态都会提示http://127.0.0.1:8080/而不是http://127.0.0.1:8080/ipfs/ 我尝试在生成静态站

我正在尝试将静态网站部署到由
NuxtJS
SapperJS
生成的IPF上

在这两种情况下,我都犯了同样的错误:

加载资源失败:服务器响应状态为404(未找到)

因为HTML中的链接如下所示:

<link href="client/main.850609924.css" rel="stylesheet">

当我访问任何
index.html
时,所有静态都会提示
http://127.0.0.1:8080/
而不是
http://127.0.0.1:8080/ipfs/

我尝试在生成静态站点之前更改设置,但这不会导致成功

当我在
Neltify
AWS
上部署相同的静态站点时,一切都按预期进行


我做错了什么?

我认为问题在于很多静态网站生成器假定网站根位于
/

从IPFS加载网站时,根目录位于
/IPFS/
而不是
/
,这就是生成的HTML/JS无法找到文件的原因

有两种处理方法:

  • 将静态网站生成器配置为生成带有相对路径的HTML(针对的问题)
    • 这是首选的方式:如果您的框架不支持相对路径,请贡献一个上游修复,这样其他所有人都可以修复它
  • 从IPFS加载您的网站,其中原始根位于
    /

您可以使用terminal.co点击几下,尝试将静态站点部署到IPFS上 它构建目录并将其上传到ipfs,返回一个散列,然后将其映射到一个子域,其中包含一个带有散列的txt记录。之后添加的任何域都指向子域,并且txt记录将针对所有将来的构建进行更新