Receiving 403 Error on javascript fetch

[goodbar-dev]

Overview

• **Client ID: zWLhTbc_Q0R2800Q5EPSKw
• **Issue type: Question
• **Summary: Making a get call from javascript using fetch and the new API KEY, but receiving a 403 error.
• **Platform: Web

Description

Using the below call in javascript with my actual API Key substituted in from my own website, I am receiving a 403 error. Is there anything wrong with my request that would be causing the error?

Endpoint

Fusion Search API

Parameters or Sample Request

fetch(`https://api.yelp.com/v3/businesses/search?latitude=${lat}&longitude=${lng}`, {
  headers: {
    Authorization: 'Bearer <API_KEY>'
  }
}).then(function(response) {
  debugger;
}).catch(function(err) {
  console.log(err);
});

Response

HTTP403: FORBIDDEN - The server understood the request, but is refusing to fulfill it.
(Fetch)OPTIONS - https://api.yelp.com/v3/businesses/search?latitude=44.50326189999999&longitude=-88.06424670000001

[goodbar-dev]

Sounds like CORS is not supported by Yelp API, hence the error.