title: CORS blocking client request in Nuxt.js
body: <p>I am having issues when making a client request.</p>
  <p>I have followed the documentation on <a href="https://nuxtjs.org/faq/http-proxy/" rel="nofollow noreferrer">Nuxt.js</a> and <a href="https://axios.nuxtjs.org/" rel="nofollow noreferrer">Axios</a> but I still can't seem to get it working. Maybe I am missing something..</p>
  <p>My Vue component calling the <strong>vuex action</strong>:</p>
  <pre class="lang-js prettyprint-override"><code>methods: {
    open() {
      this.$store.dispatch('events/getEventAlbum');
    }
  }
  </code></pre>
  <p>The <strong>action</strong> in <strong>vuex</strong>:</p>
  <pre class="lang-js prettyprint-override"><code>export const actions = {
    async getEventAlbum(store) {
      console.log('album action');
      const response = await Axios.get(url + '/photos?&amp;sign=' +   isSigned + '&amp;photo-host=' + photoHost);
      store.commit('storeEventAlbum', response.data.results);
    }
  };
  </code></pre>
  <p>And my <strong>nuxt.js.config</strong></p>
  <pre class="lang-js prettyprint-override"><code>modules: [
    '@nuxtjs/axios',
    '@nuxtjs/proxy'
  ],
  
  axios: {
    proxy: true
  },
  
  proxy: {
    '/api/': {
      target: 'https://api.example.com/',
      pathRewrite: { '^/api/': '' }
    }
  }
  </code></pre>
  <p>Anybody who can help?</p>