JAVASCRIPT
header in axios
axios.post('url', {"body":data}, {
headers: {
'Content-Type': 'application/json'
}
}
)
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}`
}
})
axios post with header
// Send a POST request
axios({
method: 'post',
url: '/user/12345',
data: {
firstName: 'Fred',
lastName: 'Flintstone'
},
headers: {'Authorization': 'Bearer ...'}
});
axios.post request with custom headers
var postData = {
email: "test@test.com",
password: "password"
};
let axiosConfig = {
headers: {
'Content-Type': 'application/json;charset=UTF-8',
"Access-Control-Allow-Origin": "*",
}
};
axios.post('http://<host>:<port>/<path>', postData, axiosConfig)
.then((res) => {
console.log("RESPONSE RECEIVED: ", res);
})
.catch((err) => {
console.log("AXIOS ERROR: ", err);
})
axios.post headers example
axios.post(
'https://example.com/postSomething',
{ // this is the body
email: varEmail,
password: varPassword
},
{
headers: {
Authorization: 'Bearer ' + varToken
}
})
axios get with headers
let auth = ``; //auth key
let url = ``; //api url
const axios = require(`axios`);
axios({
method: 'get',
url: url,
headers: {
"Authorization": auth
},
}).then(function (res) {
console.log(res.data)
});
headers in axios.get
const axios = require('axios');
// httpbin.org gives you the headers in the response
// body `res.data`.
// See: https://httpbin.org/#/HTTP_Methods/get_get
const res = await axios.get('https://httpbin.org/get', {
headers: {
'Test-Header': 'test-value'
}
});
res.data.headers['Test-Header']; // "test-value"
header axios
const reponse = await axios
.post("https://sozaeng.herokuapp.com/inspection", data, {
headers: {
"x-access-token":
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjYyNDliODZmMGM1YzVjMzY0N2QwM2Q2OSIsImlhdCI6MTY0OTAwMzMzNCwiZXhwIjoxNjQ5MDg5NzM0fQ.tTIYzRcbm06FQ3L10PbXydWtxHFtTovGGeYlBd7IL_Y",
"Content-Type": "application/json",
},
})
.catch((err) => {
console.log(err, "Mission Object Failed");
});
how to pass headers 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
})
})
axios put request with headers
axios.defaults.headers.common['Authorization'] = `Bearer ${localStorage.getItem('access_token')}`;
axios how to set header after post
axios returns data in the data object, go with:
const loginHandler = (e) => {
e.preventDefault();
try {
axios.post('http://localhost:5000/api/auth/login',
{
email,
password
}
).then(res => localStorage.setItem("refreshToken", res.data.refreshToken))
} catch (err) {
console.log(err)
}
}