title: Hiding fetch request keys
body: <p>I am using the new OMDB api, and want to keep the fetch requests (that include the key) out of visibility on client-side.</p>
  
  <p>Here is an example of the problem whenever a user opens up dev tools:<a href="https://i.stack.imgur.com/qYxlz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qYxlz.png" alt="feelsbad"></a>.</p>
  
  <p>I do all my calls in React like so:</p>
  
  <pre><code>  import OmdbKey from './OmdbKey';
    populate(keystrokes) {
      let query = "http://www.omdbapi.com/?s=";
      fetch(query + keystrokes + '&amp;apikey=' + OmdbKey )
        .then((response) =&gt; {
          response.json().then((json) =&gt; {
            this.setState({ results: json.Search });
          });
        });
    }
  </code></pre>
  
  <p>Is there some way to do this so I can hide the key in the GET request? How else should I approach this if not?</p>
  
  <p>Thanks</p>