axios baseURL 설정하기

 

 

 

 

const URL = "http://localhost:8080"


function logInAPI(data) {
  return axios.post(`${URL}/user/login`, data);
}

function logOutAPI() {
  return axios.post(`${URL}/user/logOut`);
}

function signUpAPI(data) {
  return axios.post(`${URL}/user`, data);
}

반복되는 URL을 사용해야 할 때 상단에 URL을 입력하고

불러와서 사용을 했었는데 axios 자체에서 baseURL을 설정할 수 있다는 것을 알게 되었다. 

 

 

axios.defaults.baseURL

 

sagas/index.js

import { all, fork } from "redux-saga/effects";

import axios from "axios";

axios.defaults.baseURL = "http://localhost:8080"; // baseURL설정

import userSaga from "./user";
import postSaga from "./post";

export default function* rootSaga() {
  yield all([fork(userSaga), fork(postSaga)]);
}

 

sagas/user.js

function logInAPI(data) {
  return axios.post("/user/login", data); // *
}

function* logIn(action) {
  try {
    const result = yield call(logInAPI, action.data);
    yield put({
      type: LOG_IN_SUCCESS,
      data: result.data,
    });
  } catch (error) {
    yield put({
      type: LOG_IN_FAILURE,
      error: error.response.data,
    });
  }
}

 

axios로 보내는 요청의 url의 기본값을 설정해 줄 수 있다.