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加载您的网站,其中原始根位于
/