title: I'm getting "blocked by CORS policy" when I try to call Instagram API using Axios
body: <p>I'm trying to fetch some images from my Instagram account in a Laravel application with Vue as front end. When I try to do it in a standalone Vue app, it works well, but when I do so with Laravel, I got a message saying "has been blocked by CORS policy: Request header field x-csrf-token is not allowed by Access-Control-Allow-Headers in preflight response."</p>
  
  <p>I'm using Laravel 5.8 and the Vue and Axios that comes within in and I'm using Homestead as my localhost server.</p>
  
  <p>I've tried a lot of tips that I found here and on Google but I had no success. Basically, I'm trying the very basic of Axios call</p>
  
  <pre><code>        beforeMount() {
              axios.get('https://api.instagram.com/v1/users/self/media/recent/?access_token=[MY_ACCESS_TOKEN]').then(response =&gt; console.log(response))
          }
  </code></pre>
  
  <p>I already created a Cors middleware on Laravel and tried a lot of headers settings on Axios.</p>
  
  <p>I'm basically trying to retrieve a list of my Instagram posts and bypass that cors / x-csrf error.</p>