I'm trying to fetch my json site to enable API, but but got an error “Unexpected token < in JSON at position 0”

Question

Error while I'm trying to fetch my Json site. The error is "Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0"

I fixed an error before related with disable CORS through {'mode': 'no-cors'}. And after that hppended this problem above

async componentDidMount() {
    const url =("http://localhost/v1/Items/GetHardWaretypes", {'mode': 'no-cors'} );

    const response = await fetch(url);
    const data = await response.json();
    console.log(data)
    this.setState({products: data.results, loading: false})
}

Answer 1

Try adding the headers Content-Type and Accept as application/json .

async componentDidMount() {
  const url =("http://localhost/v1/Items/GetHardWaretypes", {'mode': 'no-cors'} );

  const response = await fetch(url, { 
    'Content-Type': 'application/json',
    'Accept': 'application/json'
  });
  const data = await response.json();
  console.log(data);
  this.setState({products: data.results, loading: false})
}