axios 뿐만 아니라
다른 라이브러리를 사용할때는
라이브러리에 의존적이지 않게 따로 모듈화를 진행하는것이 좋다고 한다..
import axios from "axios";
import router from "../router";
const DOMAIN = "http://localhsot:3000";
const UNAUTHORIZED = 401;
const onUnauthorized = () => {
//다른 url로 이동
router.push("/login");
};
const request = (method, url, data) => {
return axios({
method,
url: DOMAIN + url,
data
})
.then(result => result.data)
.catch(result => {
console.log(result);
//result.status
const { status } = result.response;
if (status === UNAUTHORIZED) return onUnauthorized();
return Error(result);
});
};
export const board = {
fetch() {
return request("get", "/boards");
}
};
import axios from "axios";
const DOMAIN = "http://localhost:9000";
axios.defaults.withCredentials = true; // 쿠키 데이터를 전송받기 위해
export const request = (method, url, data) => {
return axios({
method,
url: DOMAIN + url,
data,
})
.then((res) => res.data)
.catch((err) => console.log(err));
};
'JavaScript > Ajax, Axios(비동기 통신)' 카테고리의 다른 글
XMLHttpsRequest, axios 로 백엔드 서버에 요청 보내 보기 (0) | 2020.03.21 |
---|---|
json < - > xml간 연동 (0) | 2020.01.22 |
json <-> ajax간 연동 (0) | 2020.01.22 |
jsp < - > ajax간 데이터 연동 (0) | 2020.01.22 |