why axios get method request send twice?

Question

I run the axios get method to call php script.but request send twice how to solve this problem. myfunction:-

   axios.get('http://13.233.179.174/customers_log.php',{
                  headers: {
                    'Access-Control-Allow-Origin': '*'
                  },
                })
                  .then(function (response) {
                    $("#spinner").hide();
                    console.log('this is response work');
                    console.log(response.data);
                  })
                  .catch(function (error) {
                    $("#spinner").hide();
                    console.log(error);
                  })

No but on console it show twice i am adding the picture please check. — ShrJoshi, Apr 24 '19 at 05:52
`Access-Control-Allow-Origin` is a **response** header. It does not go in your request — Phil, Apr 24 '19 at 05:55
Possible duplicate of [How does Access-Control-Allow-Origin header work?](https://stackoverflow.com/questions/10636611/how-does-access-control-allow-origin-header-work) — Phil, Apr 24 '19 at 05:56
If the first request method is not Options, but Get also, check your event handler. Probably, you have to add something like @click.once — Manu, Apr 24 '19 at 06:52

score 6 · Accepted Answer · answered Apr 24 '19 at 05:53

6

It'a Preflight request

It is an OPTIONS request, using three HTTP request headers: Access-Control-Request-Method, Access-Control-Request-Headers, and the Origin header.

Check here - https://developer.mozilla.org/en-US/docs/Glossary/Preflight_request

answered Apr 24 '19 at 05:53

arora

869
7
12

where need to change on my function or backend? – ShrJoshi Apr 24 '19 at 07:33
No, you don't need to do anything. It works that way. – arora Apr 24 '19 at 07:35
1

Thanks for helping. – ShrJoshi Apr 24 '19 at 09:11

why axios get method request send twice?

1 Answers1

Linked

Related