How do I set CORS headers in vuejs2?

Asked May 03 '19 at 00:42

Active May 03 '19 at 00:42

Viewed 216 times

I am using axios a get method. I also have set CORS header, but it keeps giving me error saying Cross-Origin Request Blocked.

Vue.js2:

methods: {
    getSliderData () {
      axios
        .get('/sliders', {
          headers: {
            'Content-Type': 'Application/json',
            'Access-Control-Allow-Origin': '*'
          }
        })
        .then(res => {
          console.log(res)
        })
        .catch(err => {
          console.log(err)
        })
    }
  }

Error: Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:3000/api/sliders. (Reason: CORS request did not succeed).

asked May 03 '19 at 00:42

3rdsty4bl00d

1

`Access-Control-Allow-Origin` is a **response** header. – zerkms May 03 '19 at 00:48
Where should I set `Access-Control-Allow-Origin`? – 3rdsty4bl00d May 03 '19 at 00:52
On the server https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS – zerkms May 03 '19 at 00:55
Adding this header or similar CORS headers on the client side (Ajax) has no positive effect on CORS errors. You need to enable CORS on the server. – Alexander Staroselsky May 03 '19 at 01:25
Possible duplicate of [CORS error even after setting Access-Control-Allow-Origin on client side](https://stackoverflow.com/questions/44232370/cors-error-even-after-setting-access-control-allow-origin-on-client-side) – Alexander Staroselsky May 03 '19 at 01:25
CORS headers are been send from server side and then client(browser) according to it to determine reject response or not or do something else – 王仁宏 May 03 '19 at 04:47

How do I set CORS headers in vuejs2?

0 Answers0