How can I add raw data body to an axios request

Question

I am trying to communicate with an API from my React application using Axios  I managed to get the GET request working  but now I need a POST one   I need the body to be raw text  as I will write an MDX query in it  Here is the part where I make the request   axios post baseUrl    applications     appName     dataexport plantypes    plan              headers     Authorization    Basic xxxxxxxxxxxxxxxxxxx          Content-Type     text plain           then  response    gt          this setState  data response data          console log this state data             Here I added the content type part  But how can I add the body part   Thank you   Edit   Here is a screenshot of the working Postman request

User · Answer

axios     method   post         put   url  url    headers    Authorization    Bearer  token      data         firstName   Keshav      This is the body part      lastName   Gera

User · Answer

There many methods to send raw data with a post request  I personally like this one       const url    your url      const data    key  value      const headers              Content-Type    application json            axios post url  data  headers

User · Answer

Here is my solution  axios     method   quot POST quot     url   quot https   URL com api services fetchQuizList quot     headers         quot x-access-key quot   data       quot x-access-token quot   token         data        quiz name  quizname           then res   gt      console log  quot res quot   res data message       catch err   gt      console log  quot error in request quot   err        This should help

User · Answer

You can use the below for passing the raw text   axios post          baseUrl    applications     appName     dataexport plantypes    plan           body                         headers                      Authorization    Basic xxxxxxxxxxxxxxxxxxx                    Content-Type     text plain                             then response   gt        this setState  data response data        console log this state data         Just have your raw text within body or pass it directly within quotes as  raw text to be sent  in place of body   The signature of the axios post is axios post url   data   config     so the data is where you pass your request body

User · Answer

The key is to use  quot Content-Type quot    quot text plain quot  as mentioned by  MadhuBhat  axios post path  code    headers     quot Content-Type quot    quot text plain quot       then response   gt        console log response        A thing to note if you use  NET is that a raw string to a controller will return 415 Unsupported Media Type  To get around this you need to encapsulate the raw string in hyphens like this and send it as  quot Content-Type quot    quot application json quot   axios post path   quot   quot  quot    code    quot   quot  quot     headers     quot Content-Type quot    quot application json quot       then response   gt        console log response        C  Controller   HttpPost  public async Task lt ActionResult lt string gt  gt  Post  FromBody  string code        return Ok code      https   weblog west-wind com posts 2017 sep 14 accepting-raw-request-body-content-in-aspnet-core-api-controllers You can also make a POST with query params if that helps   post   mails users sendVerificationMail   null    params      mail    firstname      then response   gt  response status   catch err   gt  console warn err     This will POST an empty body with the two query params   POST http   localhost 8000 api mails users sendVerificationMail mail lol 40lol com amp firstname myFirstName  Source  https   stackoverflow com a 53501339 3850405

User · Answer

How about using direct axios API   axios     method   post     url  baseUrl    applications     appName     dataexport plantypes    plan    headers         data        foo   bar      This is the body part           Source  axios api

User · Answer

I got same problem  So I looked into the axios document  I found it  you can do it like this  this is easiest way  and super simple    https   www npmjs com package axios using-applicationx-www-form-urlencoded-format  var params   new URLSearchParams    params append  param1    value1    params append  param2    value2    axios post   foo   params     You can use  then  catch

User · Answer

The only solution I found that would work is the transformRequest property which allows you to override the extra data prep axios does before sending off the request       axios request           method   post           url   http   foo bar            data              headers                 Content-Type    application x-www-form-urlencoded                      transformRequest    data  header    gt                data    grant type client credentials              return data

[javascript] How can I add raw data body to an axios request?

Examples related to javascript

Examples related to c#

Examples related to reactjs

Examples related to post

Examples related to axios