0
267
Viewsaxios instance not working as expected in React.js
I have a component called Login.js There I import Axios libray normal way and it works like this.
import axios from 'axios';
const data = await axios.post('/user/login/', {
email: e.email,
password: e.password,
});
Getting 404 is fine because I didn't set any base URL for the Axios. Please note all the requests, response headers here.
Then I try to created Axios instance inside a lib folder and import it like this
/src/lib/axios.js
import axios from "axios";
const baseUrl = process.env.REACT_APP_BE_URL;
const axiosInstance = axios.create({
baseURL: baseUrl,
});
export default axiosInstance;
I import this instance instead of normal Axios import.
import axios from 'libs/axios';
Now I see the request like this a lot of properties missing in the request and this isn't working
How do I fix this?
Any help thanks in advance.
·
Juan Pablo Isaza
1 answers
Answer question0
const axiosInstance = axios.create({
baseURL: baseUrl,
// here you can pass other options to axios instance.
});
Or you can use request interceptors with axios
axiosInstance.interceptors.request.use(
config => {
config.headers['X-Header'] = true
return config
},
error => {
console.log(error) // for debug
}
)
·
Juan Pablo Isaza
Report
Answer question