Network Error (Access Control Checks) in production (not localhost)

[farshed]

Network Error (Access Control Checks) in production (not localhost)

[farshed]

Hey, I just pushed a patch that should resolve these errors. Do let me know if it doesn't work.

[maejml]

Thank you for the quick reply. It now works on the browser with disabled security but still not on a normal browser...

[farshed]

cannot load XXXXX due to access control checks is actually a CORS error. It's probably being caused by your production or testing environment. Can you share some details about where are you hosting the app, which browser are you testing on and maybe a code snippet where you call the API?

[mizanxali]

I tried deploying my app on Github Pages as well as Heroku. Same error in both. Is this going to be fixed anytime soon or do I have to find another lyrics scraper?

[iae1]

I have the same error for me as well.

[namirsab]

Hey everyone, it seems the problem is using the Authorization header. If you use the access_token in the query string, then there are not CORS issues. This seems to be on genius side.

One suggestion would be to expose a configuration flag that allows to configure the way authorization is done, e.g:

const options = {
	apiKey: 'XXXXXXXXXXXXXXXXXXXXXXX',
	title: 'Blinding Lights',
	artist: 'The Weeknd',
	optimizeQuery: true,
        authMethod: "header" // or "queryString"
};

[Kalud-Z]

@namirsab Does that mean , for the time being ,we can't really use this package in production mode ?

[farshed]

An authHeader [boolean] property can now be passed in the options object. Authentication via query string is the default. This should fix the CORS issue. Sorry this took so long.