CORS Request blocked on FFox but works on Chrome


#1

Hi guys. I’m building a novice javascript trivia-app for a school project and I’d appreciate any tips on what I’m doing wrong. I’m getting the following on FFox:

Cross-Origin Request Blocked: … (Reason: missing token ‘access-control-allow-methods’ in CORS header ‘Access-Control-Allow-Headers’ from CORS preflight channel)

Here’s my api call:

function getTrivia() {
let settings = {
“url”: buildUrl,
“dataType”: “json”,
“method”: “GET”,
“contentType”: ‘application/json’,
“crossDomain”: true,
“async”: true,
headers: {
“Cache-Control”: “no-cache”,
‘Access-Control-Allow-Origin’: “*”,
‘Access-Control-Allow-Methods’: “GET”,
}
};
$.ajax(settings)
.done(function (response) {
generateQuestions(response);
})

I have the CORS extension disabled on both browsers. Any tips or at least a finger in the right direction would be really appreciated. Love the service btw. My family and I are trivia buffs so I’m planning to use this for ourselves a lot.