Can't convert response to json using res.json()

Question

I request to server and get response as expected(I'm writing react app). In network tab (network tab screenshot) you see response is properly formatted to json. But when I console log answer with code below I see nothing:

fetch("http://192.168.20.81:8301/market/housing/home_price/", {
      method: "GET",
      mode: "no-cors",
      headers: {
        "Access-Control-Allow-Origin": "*"
      }
    })
      .then((res) => res.json())
      .then((data) => {
        console.log("Data: ", data);
      });

Also I get this error in console of firefox:

Uncaught (in promise) SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data

Does the raw response data look valid too? No trailing characters perhaps? — robertklep, Aug 11 '22 at 11:02
FYI, `Access-Control-Allow-Origin` is a response header, it's not something you can configure from the request. It's up to the server to add that header to the response. — Lennholm, Aug 11 '22 at 11:51
@Lennholm If I add Access-Control-Allow-Origin to header from server; can I see it in browser response header? — Mahdi, Aug 13 '22 at 06:27

score 0 · Answer 1 · answered Aug 11 '22 at 10:38

0

I think your data fetch from server which is json format. Please try it as below. I think it is ok

fetch("http://192.168.20.81:8301/market/housing/home_price/", {
      method: "GET",
      mode: "no-cors",
      headers: {
        "Access-Control-Allow-Origin": "*"
      }
    })
      .then((res) => {
      const data = res.data;
      console.log(data)
     }
     .catch((err) => console.log(err))

answered Aug 11 '22 at 10:38

Phu Nguyen

1
1
1

That's not how `fetch` works. – robertklep Aug 11 '22 at 10:58
You'll need to parse it into object literals first like OP's, then you can access property with dot notation. Take a look at [this answer](https://stackoverflow.com/a/8294198/16648127) – Enfield Li Aug 11 '22 at 11:30

Can't convert response to json using res.json()

1 Answers1