axios requests a cross-domain domain name to report a CORS error

Question

When I use the Vue with axios to request my remote server, I found a error showed such message:

Access to XMLHttpRequest at 'http://www.example.com' from origin 'http://192.168.1.201: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.

then I had searched in Bing with the Key Word CORS , and it said that I need to add header Access-Control-Allow-Origin,But I tried and found it doesn't works.

here is my code:

const axios = require('axios')
axios.get('http://www.example.com',{
    mode: 'no-cors',
    headers: {
        "Access-Control-Allow-Origin":"http://localhost:8080",
        "Access-Control-Allow-Methods":"GET",
        "Access-Control-Allow-Headers":"Content-Type"
    }
}).then(res => {
    console.log('StatusCode: ${res.statusCode}')
})

plus:

I'm using Electron v11, Node v15.8.0, Vue 3, axios 0.18.0

English is not my native language; please excuse typing errors.

You misunderstood how it works. Access Control headers have to be set server side, not in your request — charlietfl, Apr 04 '21 at 17:33
Use your node server in electron as a proxy to make the request .. axios->node then node->remote then node returns remote response to axios — charlietfl, Apr 04 '21 at 17:34
So, do I need to add headers on my server instead of adding headers to the request? — undefined, Apr 04 '21 at 17:36
No. The remote server where request is going has to set them. But not relevant in server to server request — charlietfl, Apr 04 '21 at 17:39

axios requests a cross-domain domain name to report a CORS error

0 Answers0