我們已然在 Web3 分布式存儲(chǔ) IPFS(Web3項(xiàng)目一實(shí)戰(zhàn)之四) 介紹了什么是
IPFS
,以及在本地電腦如何安裝它。雖然在上一篇講解了該怎么安裝IPFS
,也做了相應(yīng)的配置,但在本地開發(fā)階段,前端總是無法避免跨域
這個(gè)遠(yuǎn)程請(qǐng)求api
的”家常便飯的通病“。很顯然,對(duì)于出現(xiàn)
跨域
這類常見問題,您只要在搜索引擎
敲上reactjs 跨域
、vue跨域
、nextjs 跨域
等諸如此類關(guān)鍵字,不一會(huì),搜索引擎
為您羅列出了一大堆關(guān)于解決跨域
的方案。那么,在編寫
首頁以卡片形式展示數(shù)據(jù)
前,我們要在項(xiàng)目中配置跨域
,以便可以在IPFS
上存取文件。
配置跨域
文章已經(jīng)寫到了第五篇,想必您清楚了,本項(xiàng)目是使用create-next-app
腳手架構(gòu)建的項(xiàng)目,也就說,該項(xiàng)目是next.js
項(xiàng)目了,但它也是react
項(xiàng)目。文章來源:http://www.zghlxwxcb.cn/news/detail-753228.html
打開項(xiàng)目根目錄下的next.config.js
文件。加入如下圖紅框中的內(nèi)容。文章來源地址http://www.zghlxwxcb.cn/news/detail-753228.html
到了這里,關(guān)于首頁以卡片形式來展示區(qū)塊鏈列表數(shù)據(jù)(Web3項(xiàng)目一實(shí)戰(zhàn)之五)的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!