JSFiddle - React, Tailwind, and code Playground

piksel cors debug

by Csaba Hellinger

HTML

See the dev console for the results.

JavaScript

const 
	url = 'https://stageds.go.osn.com/devicemetadataservices.svc/v5.3/LGTV/bootstrap',
    options = {
    	method: 'GET',
        headers: {
        	// with only 'accept' header, cors error:
            //  No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://fiddle.jshell.net' is therefore not allowed access. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
        	'accept': 'application/json',
            
            // any of the headers below causing cors error: 
            // Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://fiddle.jshell.net' is therefore not allowed access. The response had HTTP status code 405. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
            
    		// 'cache-control': 'no-cache',
    		// 'content-type': 'application/json',       
            // 'IPC_Origin': '1146989487',
            // 'IPC_Verified': 'OK',
            // 'IPC_Country': 'ALLOW',
            // 'GeoIP': 'CountryCode=ALLOW'            
        }
    };

fetch(url, options)
    .then(res => {
        console.log('OK', res);
    })
    .catch(err => {
        console.error('ERROR', err);
    });