Why can't I get the content using `fetch`

JavaScript
1 
const response = await fetch('https://uuooo.com/l?page=2&ajax=list');
const data = await response.json();

it is normal when I access it directly.

Access to fetch at ‘https://uuooo.com/l?page=2&ajax=list’ from origin ‘http://127.0.0.1:8021’ 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.

2

CORS is a security mechanism that your browser has to get data, image, etc from the origin site only.

I am trying to call from Sitepoint,

image
image1247×227 39.8 KB

You have 2 options.

The correct option is to tell the owner of the API to add your server as allow CORS site. Doubt they will do it.

Second option (use for testing only) is for example to use a browser extension, in this case for Chrome (never tested it myself)

https://chromewebstore.google.com/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf?pli=1