IPFS-React结合项目

1.创建react项目

npm install -g create-react-app

npm init react-app my-app
cd my-app
npm start

2安装ipfs-api

新打开一个终端：

cd ipfs-http-demo
npm install --save ipfs-api

尝试使用ipfs-api:
正确运行端口：

ipfs init         (初始化ipfs节点)
ipfs daemon      （开启ipfs，或者说是同步其他节点）
ipfs config Addresses.API
ipfs config Addresses.API /ip4/127.0.0.1/tcp/5001
ipfs daemon

可能会出现下面的问题：

需要通过进行ipfs的跨域配置进行解决：
在将ipfs ipfs daemon同步网络后,Ctrl + C先暂停，进行ipfs跨域的配置

ipfs config --json API.HTTPHeaders.Access-Control-Allow-Methods '["PUT","GET", "POST", "OPTIONS"]'
ipfs config --json API.HTTPHeaders.Access-Control-Allow-Origin '["*"]'
ipfs config --json API.HTTPHeaders.Access-Control-Allow-Credentials '["true"]'
ipfs config --json API.HTTPHeaders.Access-Control-Allow-Headers '["Authorization"]'
ipfs config --json API.HTTPHeaders.Access-Control-Expose-Headers '["Location"]'

然后进行：

ipfs daemon

系统的运行：

npm install
npm start

备注：
卸载ipfs-api:

npm uninstall --save-dev ipfs-api

卸载ipfs-api:

npm install --save ipfs-api