3 Must | Axios xsrfHeaderName
PhotobySamDanTruongonUnsplash[1][2]saveyourtimebyaxiosaxiosisapopularlibrarytosendarequestfromthefrontendtothebackend.beforeyouuseaxios.getoraxios.post.Youneedtoknowthese3usecasestosaveyourtime.adapterhelpsyoutotestyourAPIcallwithoutabackend.constaxios=require(axios)constmockArticleData=[{id:1,title:SomeArticle,}]constmockDataAdapter=(config)=>{returnnewPromise((resolve,reject)=>{resolve({data:mockArticleData,status:200})})}axios.get(/api/article,{adapter:mockDataAdapter}).then(respons...
Photo by Sam Dan Truong on Unsplash[1][2]save your time by axios
axios is a popular library to send a request from the frontend to the backend. before you use axios.get or axios.post . You need to know these 3 use cases to save your time.
adapter helps you to test your API call without a backend.
const axios = require(axios)const mockArticleData = [{id: 1,title: Some Article,}]
const mockDataAdapter = (config) => {return new Promise((resolve, reject) => {resolve({data: mockArticleData, status: 200 })})}
axios.get(/api/article, {adapter: mockDataAdapter}).then( response => {console.log(response.data) console.log(response.status)})