Vue-dropzone: From origin 'http://localhost:8080' has been blocked by CORS policy

Created on 31 Jan 2019 · 7Comments · Source: rowanwins/vue-dropzone

I m getting this error-
Access to XMLHttpRequest at 'https://4kd2hi3ere.execute-api.us-east-1.amazonaws.com/default/myfirstvuecode' from origin 'http://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
how to slove this error please suggest

Source

ShrJoshi28

Most helpful comment

For me it worked by adding this configuration:

headers: {
          'Cache-Control': null,
          'X-Requested-With': null,
        },

My advice is to have a close look at the accepted headers and requested headers added by default configuration.
By setting them null they get removed from the request or you can set a specific value as requested by the API (eg, Auth bearer token)

cosmini on 18 Jun 2019

👍5 👎4 🚀1 😕1

All 7 comments

I'm having the same issue

boolow5 on 21 Feb 2019

same here

ligne13 on 3 Jun 2019

For me it worked by adding this configuration:

headers: {
          'Cache-Control': null,
          'X-Requested-With': null,
        },

cosmini on 18 Jun 2019

👍5 👎4 🚀1 😕1

headers: {
'Access-Control-Allow-Origin': '*',
"Content-Type": "text/html",
},

ShrJoshi28 on 28 Jun 2019

👎7 😕2 👍1

For me it worked by adding this configuration:
headers: {
          'Cache-Control': null,
          'X-Requested-With': null,
        },
My advice is to have a close look at the accepted headers and requested headers added by default configuration.
By setting them null they get removed from the request or you can set a specific value as requested by the API (eg, Auth bearer token)

Added the configuration in which file?

ropinheiro on 9 May 2020

👎2 😕1

For me it worked by adding this configuration:
headers: {
          'Cache-Control': null,
          'X-Requested-With': null,
        },
My advice is to have a close look at the accepted headers and requested headers added by default configuration.
By setting them null they get removed from the request or you can set a specific value as requested by the API (eg, Auth bearer token)
Added the configuration in which file?

I assume that this was added to the vue.config.js file?
like so (i've added it all to give it a test run) :

module.exports = {
devServer: {
proxy: 'http://localhost:8080',
headers: {
'Access-Control-Allow-Origin': '*',
'Cache-Control': null,
'X-Requested-With': null,
'Content-Type': 'text/html'
}
}
}