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

7月前作者：甄齐才分类：Toy博客阅读(36) 违法举报

这篇具有很好参考价值的文章主要介绍了首页以卡片形式来展示区块链列表数据（Web3项目一实战之五）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

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

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

配置跨域

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

打开项目根目录下的next.config.js文件。加入如下图红框中的内容。文章来源地址https://www.toymoban.com/news/detail-753228.html

到了这里，关于首页以卡片形式来展示区块链列表数据（Web3项目一实战之五）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

Moonbeam生态说｜Bitquery：Web3区块链数据提供商

「Moonbeam生态说」是Moonbeam中文爱好者社区联合Moonbeam中文高级大使组织的社区AMA活动。该活动为已部署Moonriver或Moonbeam的项目方提供了在主流Moonbeam非官方中文社区内介绍自己的项目信息，包括：项目介绍、团队介绍、技术优势等，帮助社区内的Moonbeam爱好者快速了解活跃在

2024年02月03日
浏览(45)
使用 Web3.js 连接以太坊节点并查询区块链数据

Web3.js 是一个用于连接以太坊网络的 JavaScript 库。在本文中，我们将介绍如何使用 Web3.js 来连接以太坊节点，并且查询以太坊区块链上的数据。 1. 安装 Web3.js 首先，我们需要安装 Web3.js。在命令行中，输入以下命令： 2. 连接以太坊节点在使用 Web3.js 之前，我们需要先连接到以

2023年04月26日
浏览(38)
Web3和区块链入门——Web3历史和Web3是什么？

大家好，我是无用，今天跟大家聊下Web3历史和Web3什么。 Web3历史 Web3.0一词最初由英国计算机科学家蒂姆·伯纳斯-李（著名的万维网之父）在1998年提出，但是他那个时候所说的Web3.0是自己所提出的语义网络，他认为语义网络是下一代互联网发展的主流方向。不过我们现在所说

2024年02月12日
浏览(47)
区块链-Web3.0-什么是Web3.0？

一、什么是Web 3.0 Web 3.0，也被称为“去中心化Web”或“智能Web”，是互联网的下一代，它使用了分布式系统技术、区块链技术和智能合约等新型技术，旨在构建一个更加去中心化、安全、透明和智能的互联网。Web 3.0 可以带来更广泛的应用场景，例如去中心化应用（DApps）、去

2024年02月11日
浏览(39)
什么是web3 | 区块链web3.0人才

20世纪90年代互联网刚刚兴起之时，我们只能在网络上查看由中心节点单向发布的新闻，用户只是被动的接受。这个时代，我们称之为web1.0。千禧年之后，互联网技术进入了可读可写的阶段，用户可以发布照片、文字、视频，这就是传说中的web2。 Web 2.0带来了社会互联，产生

2024年02月03日
浏览(39)
通付盾升级数信云4.0，利用人工智能、区块链及Web3安全技术助力数据要素市场化

数据作为新型生产要素已成为数字时代的核心生产力。人工智能、区块链、云计算等新兴技术提升了数据要素的使用效率，开启数字化浪潮。但同时，以“数据上云”为代表的数据应用趋势也带来了数据安全、数据隐私和数据共享难等一系列阻碍数据要素化的问题。2022年1

2024年02月12日
浏览(40)
【Web3】认识区块链

目录区块链特征区块链类型区块链的概念区块链特征去中心化：区块链是由一个分布在多个参与者之间的网络组成，没有中央机构或中介控制整个系统。所有参与者共同维护和验证账本的完整性，减少了单点故障和集中式控制的风险。共识机制：为了在去中心化环境下达

2024年02月12日
浏览(52)
Web3 整理React项目导入Web3 并获取区块链信息

上文 WEB3 创建React前端Dapp环境并整合solidity项目，融合项目结构便捷前端拿取合约 Abi 我们用react 创建了一个 dapp 项目并将前后端代码做了个整合那么我们就来好好整理一下我们的前端react的项目结构我们在 src 目录下创建一个 components 用来存放我们的大规模组件然后在

2024年02月02日
浏览(36)
web3 React dapp项目通过事件从区块链中拿到已取消已完成和所有的订单数据并存入redux中

好上文web3通过antd 在React dapp中构建订单组件基本结构我们算是把一个基本的订单组件展示做出来了然后我们继续起一下环境先 ganache 终端运行 MetaMask 登录一下然后打开项目发布一下合约然后运行一下测试脚本转入交易所 ETH和grToken 还创建两个订单然后运行起 dapp项

2024年02月05日
浏览(38)
区块链合约交互 web3

遵循ERC20规则，钱包里可以有很多种类型的token：USDT,DFI，DFA 1.合约交互之前需要先判断是否仍允许purchasePool合约从账户（钱包里的账户）中提取的ERC20dfaContract 这本合约里（DFA）的金额 await this.contract.ERC20dfaContract.methods.allowance(this.address,this.addressMap.AcceleratePool).call(); ERC20df

2024年02月07日
浏览(49)