首页以卡片形式来展示区块链列表数据(Web3项目一实战之五)

本文介绍了一个使用React和Next.js开发的Web3项目,主要内容包括配置跨域、修改IPFS请求URL、创建导航栏、卡片组件和Button组件的实现,以卡片形式展示区块链列表数据。在开发过程中,遇到了跨域问题,通过配置解决,并讨论了从远程切换到本地IPFS服务的考量。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我们已然在 Web3 分布式存储 IPFS(Web3项目一实战之四) 介绍了什么是IPFS,以及在本地电脑如何安装它。虽然在上一篇讲解了该怎么安装IPFS,也做了相应的配置,但在本地开发阶段,前端总是无法避免跨域这个远程请求api的”家常便饭的通病“。

很显然,对于出现跨域这类常见问题,您只要在搜索引擎敲上reactjs 跨域vue跨域nextjs 跨域等诸如此类关键字,不一会,搜索引擎为您罗列出了一大堆关于解决跨域的方案。

那么,在编写首页以卡片形式展示数据前,我们要在项目中配置跨域,以便可以在IPFS上存取文件。

配置跨域

文章已经写到了第五篇,想必您清楚了,本项目是使用create-next-app脚手架构建的项目,也就说,该项目是

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

甄齐才

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值