title: CORS issue when using Fetch API
body: <p>I'm making this JavaScript project based on Challonge API. </p>
  
  <p>Whenever i attempt to use fetch to either GET or POST any data, i'm being returned the infamous CORS error: </p>
  
  <blockquote>
    <p>Access to fetch at '<a href="https://api.challonge.com/v1/tournaments.json?api_key=censored" rel="nofollow noreferrer">https://api.challonge.com/v1/tournaments.json?api_key=censored</a>' from origin '<a href="http://127.0.0.1:8080" rel="nofollow noreferrer">http://127.0.0.1:8080</a>' 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.</p>
  </blockquote>
  
  <p>It works flawlessly whenever i use the "Allow-Control-Allow-Origin * " extension, for obvious reasons, however, i can't demand my clients to download this extension to use my app. I've also tried uploading the project to a webserver, with no success.</p>
  
  <p>I've been scouring the web for solutions, but i'm either too incompetent to see the answer right infront of me, or i haven't looked long enough.</p>
  
  <p>Either way, can any one of you guys nudge me in the right direction?</p>
  
  <p>Edit: I've tried to change the request mode to no-cors, same-origin and cors, to no avail.</p>
  
  <p>Edit 2: alot of the 'fixes' i've seen for this revolved around changing the server-side .htaccess to allow my domain, but i'm not working for Challonge API, and i refuse to believe that's the only way</p>