8. Node 프로젝트 가계부 만들기 (api 생성)

2022. 1. 16. 16:49프로젝트/가계부 - 초기 개발

지난 글 :

https://crispypotato.tistory.com/172

 

7. Node 프로젝트 가계부 만들기 (back-end와 api 연결)

지난 글 : https://crispypotato.tistory.com/134 6. Node 프로젝트 가계부 만들기 (Vue, 라이브러리 설치) npm i axios Vue2와 Vue-cli 이용해서 프로젝트를 제작한다. 1. Vue-cli를 설치한다. npm i -g @vue/cli..

crispypotato.tistory.com

 

api가 연결이 되면 해당하는 rest api에 맞게 전송 해야한다.

전송 메소드 방식  
get, delete params  
post, put, patch body

경로

/src/api/ 디렉토리 안에 url.js라는 파일을 생성한다.

 

import { instance, instanceAuth } from './urlIndex'
// 로그인
function login (data) {
  return instance.post('/user/login', data, { credentials: true }).catch(err => {
    return err.response
  })
}
// 아이디 중복 체크
function findId (data) {
  return instance.get(`/user/${data}`, { credentials: true }).catch(err => {
    return err.response
  })
}
// 회원가입
function signup (data) {
  return instance.post('/user/signup', data, { credentials: true }).catch(err => {
    return err.response
  })
}
// 월 비용
function monthCost (date) {
  return instanceAuth.get(`/account/month/${date}`, { credentials: true }).catch(err => {
    return err.response
  })
}
// 년 비용
function yearCost (date) {
  return instanceAuth.get(`/account/year/${date}`, { credentials: true }).catch(err => {
    return err.response
  })
}
// 일 비용
function dayCost (date) {
  return instanceAuth.get(`/account/day/${date}`, { credentials: true }).catch(err => {
    return err.response
  })
}
// 가계부 작성
function write (data) {
  return instanceAuth.post('/account', data, { credentials: true }).catch(err => {
    return err.response
  })
}
// 가계부 수정
function edit (data) {
  return instanceAuth.put('/account', data, { credentials: true }).catch(err => {
    return err.response
  })
}
// 가계부 삭제
function deleteAccount (id) {
  console.log(id)
  return instanceAuth.delete(`/account/${id}`, { credentials: true }).catch(err => {
    return err.response
  })
}
export {
  login,
  findId,
  signup,
  monthCost,
  yearCost,
  dayCost,
  write,
  edit,
  deleteAccount
}

 

 

728x90
반응형