using of fetch API the unexpected end of input error occurr

Question

fetch('http://www.freegamesforyourwebsite.com/feeds/games/?
tag=platform&limit=100&format=json',
{
method:'GET',
mode:'no-cors',
dataType: 'json',
    headers: {
        'Accept': 'application/json'
    }  

}).then(response =>
response.json()).then(addImage).catch(e => requestError(e,'image'));

console.log

SyntaxError: Unexpected end of input
 at fetch.then.response ((index):159)
 at <anonymous>

I try using the fetch the json with cros platform, why the request header in Google developer tool shows me the provision request header.And the preview part can show me the json response, but the promise after the response promise cannot read the data and the error occurs as shown in the console log above.and the URL I fetch is the open source that can use by everyone.

any help is appreciated.

Quentin · Accepted Answer · 2022-10-17 10:27:47Z

3

You said mode:'no-cors', so fetch doesn't attempt to read data across origins (which is forbidden by default), and it doesn't throw an error mentioning CORS (because you told it you didn't want to try to read data across origins).

When you try to parse the body (that you can't read) as JSON, there is nothing to read so it then throws an error.

Change it to mode: "cors".

Ensure the server you are requesting the data from grants you permission to read the response using the Access-Control-Allow-Origin header.

See also this answer about the Same Origin Policy.

edited Oct 17, 2022 at 10:27

answered Nov 23, 2017 at 13:36

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

using of fetch API the unexpected end of input error occurr

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related