♻️ [refactor] : request body 추가 및 타입 선언

Author: BaekJiyeon02

src/api/auth.ts

@@ -1,24 +1,15 @@
 import { axiosInstance } from '@/utils/axios'
 import Cookies from 'js-cookie'
+import type { loginDataTypes } from '@/types/auth'
 
-export const postLogin = async (nickname: string, password: string) => {
-  const body = {
-    nickname: nickname,
-    password: password
-  }
-  const sessionIdValue = '123'
-
-  const response = await axiosInstance.post('/api/auths/login', body, {
-    headers: {
-      sessionId: sessionIdValue
-    }
+export const postLogin = async (loginData: loginDataTypes, sessionId: string) => {
+  const response = await axiosInstance.post('/api/auths/login', loginData, {
+    headers: { sessionId: sessionId }
   })
-
   Cookies.set('accessToken', response.data.accessToken, {
     path: '/',
     sameSite: 'strict'
   })
-
   return response.data
 }
 

src/types/auth.ts

@@ -12,3 +12,8 @@ export interface User {
   memberRole: string
   memberStatus: string
 }
+
+export interface loginDataTypes {
+  nickname: string
+  password: string
+}

src/views/LoginView.vue

@@ -56,7 +56,12 @@ const password = ref('')
 
 const handleLogin = async () => {
   try {
-    const res = await postLogin(nickname.value, password.value)
+    const loginData = {
+      nickname: nickname.value,
+      password: password.value
+    }
+    const sessionId = '000'
+    const res = await postLogin(loginData, sessionId)
 
     if (res) {
       switch (res.memberInfo.memberRole) {