ipfs跨域请求

request.js:138 POST http://localhost:5001/api/v0/add?stream-channels=true 403 (Forbidden)
./node_modules/ipfs-api/node_modules/stream-http/lib/request.js.ClientRequest._onFinish @ request.js:138
(anonymous) @ request.js:59
./node_modules/events/events.js.EventEmitter.emit @ events.js:96
finishMaybe @ _stream_writable.js:643
endWritable @ _stream_writable.js:651
./node_modules/ipfs-api/node_modules/readable-stream/lib/_stream_writable.js.Writable.end @ _stream_writable.js:595
./node_modules/ipfs-api/node_modules/stream-http/lib/request.js.ClientRequest.end @ request.js:285
onend @ _stream_readable.js:599
g @ events.js:165
./node_modules/events/events.js.EventEmitter.emit @ events.js:78
endReadableNT @ _stream_readable.js:1038
./node_modules/process/browser.js.Item.run @ browser.js:153
drainQueue @ browser.js:123
setTimeout (async)
runTimeout @ browser.js:41
./node_modules/process/browser.js.process.nextTick @ browser.js:143
resume @ _stream_readable.js:849
./node_modules/ipfs-api/node_modules/readable-stream/lib/_stream_readable.js.Readable.resume @ _stream_readable.js:841
./node_modules/ipfs-api/node_modules/readable-stream/lib/_stream_readable.js.Readable.on @ _stream_readable.js:766
./node_modules/ipfs-api/node_modules/readable-stream/lib/_stream_readable.js.Readable.pipe @ _stream_readable.js:632
(anonymous) @ send-files-stream.js:144
promisify @ add.js:41
(anonymous) @ index.js:41
(anonymous) @ index.js:35
(anonymous) @ add.js:60
_callee$ @ App.js:46
tryCatch @ runtime.js:62
invoke @ runtime.js:296
prototype.(anonymous function) @ runtime.js:114
step @ App.css?9a66:26
(anonymous) @ App.css?9a66:26
(anonymous) @ App.css?9a66:26
(anonymous) @ App.js:46
App._this.saveToIpfs @ App.js:46
reader.onloadend @ App.js:35
FileReader (async)
App._this.upload @ App.js:26
onClick @ App.js:75
callCallback @ react-dom.development.js:149
invokeGuardedCallbackDev @ react-dom.development.js:199
invokeGuardedCallback @ react-dom.development.js:256
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js:270
executeDispatch @ react-dom.development.js:561
executeDispatchesInOrder @ react-dom.development.js:583
executeDispatchesAndRelease @ react-dom.development.js:680
executeDispatchesAndReleaseTopLevel @ react-dom.development.js:688
forEachAccumulated @ react-dom.development.js:662
runEventsInBatch @ react-dom.development.js:816
runExtractedEventsInBatch @ react-dom.development.js:824
handleTopLevel @ react-dom.development.js:4820
batchedUpdates$1 @ react-dom.development.js:18932
batchedUpdates @ react-dom.development.js:2150
dispatchEvent @ react-dom.development.js:4899
interactiveUpdates$1 @ react-dom.development.js:18987
interactiveUpdates @ react-dom.development.js:2169
dispatchInteractiveEvent @ react-dom.development.js:4876
localhost/:1 Access to fetch at ‘http://localhost:5001/api/v0/add?stream-channels=true’ from origin ‘http://localhost:3000’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. If an opaque response serves your needs, set the request’s mode to ‘no-cors’ to fetch the resource with CORS disabled.
localhost/:1 Uncaught (in promise) TypeError: Failed to fetch

重新配置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"]'