title: blocked by CORS policy: react js app issue. Axios
body: <p><em>Access to XMLHttpRequest at 'https://od-api.oxforddictionaries.com/api/v2/entries/en-us/flower' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to` preflight request doesn't pass access control check: It does not have HTTP ok status.</em></p>
  <p>ONLY ADDING THE CORS ANYWHERE PREURL IT WORKS FOR 10 TIMES, AS IT IS TEMPORAY. HOW DO I FIX THIS ?</p>
  <p>SCREENSHOT:   [1]: <a href="https://i.stack.imgur.com/IvSmE.png" rel="nofollow noreferrer">https://i.stack.imgur.com/IvSmE.png</a></p>
  <pre><code>import { useState, useEffect } from &quot;react&quot;;
  import axios from 'axios';
  function App() {
  
    const [word, setWord] = useState(&quot;&quot;);
    const [meanings, setMeanings] = useState([]);
    const [category, setCategory] = useState(&quot;en&quot;);
  
    const dictionaryApi = async () =&gt; {
      try {
        const app_id = &quot;6a94204f&quot;;
        const app_key = &quot;953e41694cf8d1bf1549b3fcec957f5c&quot;;
        const data = await axios.get(
          // `https://cors-anywhere.herokuapp.com/https://od-api.oxforddictionaries.com/api/v2/entries/en-us/flower`
          `https://od-api.oxforddictionaries.com/api/v2/entries/en-us/flower`
  
  
          , {
            headers: {
              'Authorization': '6a94204f',
              'Access-Control-Allow-Origin': '*',
              'Access-Control-Allow-Methods': 'GET,PUT,POST,DELETE,PATCH,OPTIONS',
              'Access-Control-Allow-Headers': &quot;append,delete,entries,foreach,get,has,keys,set,values,Authorization&quot;,
            }
          });
  
        setMeanings(data.data);
      } catch (error) {
        console.log(error);
      }
    };
    console.log(meanings);
  
    useEffect(() =&gt; {
      dictionaryApi();
    }, [word, category]);
  
  
  
    return &lt;&gt;HELLO&lt;/&gt;;
  }
  </code></pre>
  <p>export default App;</p>