Example 1: pass header in axios
const headers = { 'Content-Type': 'application/json', 'Authorization': 'JWT fefege...' } axios.post(Helper.getUserAPI(), data, { headers: headers }) .then((response) => { dispatch({ type: FOUND_USER, data: response.data[0] }) }) .catch((error) => { dispatch({ type: ERROR_FINDING_USER }) })
Example 2: axios post with header
// Send a POST request axios({ method: 'post', url: '/user/12345', data: { firstName: 'Fred', lastName: 'Flintstone' }, headers: {'Authorization': 'Bearer ...'} });
Example 3: how to send header in axios
const username = '' const password = '' const token = Buffer.from(`${username}:${password}`, 'utf8').toString('base64') const url = 'https://...' axios.post(url, { headers: { 'Authorization': `Basic ${token}` } })
Example 4: axios api post request
import qs from 'qs'; const data = { 'bar': 123 }; const options = { method: 'POST', headers: { 'content-type': 'application/x-www-form-urlencoded' }, data: qs.stringify(data), url, }; axios(options);
Example 5: making axios call with headers
axios.post('url', {"body":data}, { headers: { 'Content-Type': 'application/json' } } )
Example 6: react axios post method
import React from 'react'; import axios from 'axios'; export default class PersonList extends React.Component { state = { name: '', } handleChange = event => { this.setState({ name: event.target.value }); } handleSubmit = event => { event.preventDefault(); const user = { name: this.state.name }; axios.post(`https://jsonplaceholder.typicode.com/users`, { user }) .then(res => { console.log(res); console.log(res.data); }) } render() { return ( <div> <form onSubmit={this.handleSubmit}> <label> Person Name: <input type="text" name="name" onChange={this.handleChange} /> </label> <button type="submit">Add</button> </form> </div> ) } }
Comments
Post a Comment