数据未传入 axios post 请求

Question

I'm using axios to call a post request as follows:

axios.post(this.api+'&action='+this.action+'&wftkn='+this.wftkn, {name: 'Abcd'}).
   then((res)=>{

   });

When I check the network tab, I don't see the data being passed in the Request header. What would be the issue in this case?

Edit: added the console error.

Answer 1

Please try this:

axios.post(this.api, { name: 'Abcd' }, {
  params: {
    action: this.action,
    wftkn: this.wftkn,
  }
}).then((res)=>{});

Answer 2

It's a protection from the browser, you're requesting a resource on a different domain, so you need to set a response header :

Access-Control-Allow-Origin: http://localhost:8000

https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS

Answer 3

Axios will work on most any web server when you use specific arguments. Often time this issue occurs due to GET or POST conflict or faulty / missing headers.

axios.request({
  method: 'POST',
  url: `https://stackoverflow.com/end-point`,
  headers: {
    'Authorization': 'token'
  },
  data: {
    title: 'abc'
  },

})```