No 'Access-Control-Allow-Origin' header is present on the requested resource. about the-road-to-learn-react HOT 13 CLOSED

@Kovner I think your request misses a ?. Can you try again https://hn.algolia.com/api/v1/search?query=redux ?

from the-road-to-learn-react.

That's odd @miloszpanas I cloned https://github.com/the-road-to-learn-react/hackernews-client and it worked for me.

It's really weird, I couldn't get it to work yesterday, today it works just fine with no modifications on my part. No idea what was causing it. Sorry for bothering

from the-road-to-learn-react.

Are you sure this is fixed? I am getting the same error:

Failed to load https://hn.algolia.com/api/v1/searchquery=redux: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access. The response had HTTP status code 404. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

from the-road-to-learn-react.

Fixed: algolia/hn-search#106 (comment)

from the-road-to-learn-react.

Yep that was it sorry! That question got hidden in the template string variables!

from the-road-to-learn-react.

I am still getting this issue:

fetchSearchTopStories @ App.js:70
onSearchSubmit @ App.js:46
callCallback @ react-dom.development.js:100
invokeGuardedCallbackDev @ react-dom.development.js:138
invokeGuardedCallback @ react-dom.development.js:187
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js:201
executeDispatch @ react-dom.development.js:461
executeDispatchesInOrder @ react-dom.development.js:483
executeDispatchesAndRelease @ react-dom.development.js:581
executeDispatchesAndReleaseTopLevel @ react-dom.development.js:592
forEachAccumulated @ react-dom.development.js:562
runEventsInBatch @ react-dom.development.js:723
runExtractedEventsInBatch @ react-dom.development.js:732
handleTopLevel @ react-dom.development.js:4477
batchedUpdates$1 @ react-dom.development.js:16660
batchedUpdates @ react-dom.development.js:2131
dispatchEvent @ react-dom.development.js:4556
interactiveUpdates$1 @ react-dom.development.js:16715
interactiveUpdates @ react-dom.development.js:2150
dispatchInteractiveEvent @ react-dom.development.js:4533
localhost/:1 Failed to load https://hn.algolia.com/api/v1/search?query=redux&page=%20%20%20%20%20%200&hitsPerPage=100: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3001' is therefore not allowed access. The response had HTTP status code 400. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

This is a screen cap of the Network tab in my browser (which is Chrome, if it matters):

This happened after I implemented the client cache, although I had taken a break for a week or two so maybe something changed in the HN API since then?

from the-road-to-learn-react.

Oh and also! Changing to the GitHub API did not help.

from the-road-to-learn-react.

@danascheider can you share your project on GitHub?

from the-road-to-learn-react.

@rwieruch You bet! Here it is!

from the-road-to-learn-react.

@danascheider see danascheider/road-to-learn-react#1 You can simply merge the PR and everything should be fixed. Check the commits again to understand what has been wrong.

from the-road-to-learn-react.

My problem.

Failed to load http://127.0.0.1:8000/api/fileupload: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access. createError.js:17 Uncaught (in promise) Error: Network Error at createError (createError.js:17) at XMLHttpRequest.handleError (xhr.js:87)

from the-road-to-learn-react.

I'm having the very same issue when trying to fetch data from API

Access to fetch at 'https://hn.algolia.com/api/v1/search?query=react' 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.

Any ideas? Here's the repo:
https://github.com/miloszpanas/react_practice

from the-road-to-learn-react.

That's odd @miloszpanas I cloned https://github.com/the-road-to-learn-react/hackernews-client and it worked for me.

from the-road-to-learn-react.