无法在Vue.js中从ipfs获取图像

问题描述

我想将IPFS中的图像放入我的Vue / Nuxt项目中。我已经通过“ npm i ipfs”导入了ipfs。但是当我运行“续节点= Ipfs.create（）”时。它显示错误

但是此错误并非总是会发生，它可以多次工作，并且我可以正常获取图像。有没有人遇到这种情况并有解决方案？

async downloadImg () {
  const node = await Ipfs.create()
  const { agentVersion,id } = await node.id()
  this.agentVersion = agentVersion
  this.id = id
  const cid = '/ipfs/QmY2dod6X7GFmqnQ6qCBiaeNxJWa3CYQaxEjGUfL5CqMAj'
  // load the raw data from js-ipfs (>=0.40.0)
  const bufs = []
  const a = node.cat(cid)
  for await (const buf of node.cat(cid)) {
    bufs.push(buf)
  }
  const data = Buffer.concat(bufs)
  const blob = new Blob([data],{ type: 'image/jpg' })
  this.imageSrc = window.URL.createObjectURL(blob)
},

解决方法

如果我是真的，它取决于您使用的网络协议，如果您使用https的工作方式，而在其他协议中则不是！

,

网络加密API仅在通过https访问的页面上可用。如果您看到该消息，则可能是通过普通的http访问该页面。

按照堆栈跟踪顶部的github链接获取更多说明和解决方案。