logout

src/api/user.api.ts

@@ -18,6 +18,10 @@ export async function login(data: LoginInputDto) {
   return axios.post<Token>('/api/users/token', data)
 }
 
+export async function logout() {
+  return axios.delete('/api/users/me/token')
+}
+
 export async function forgetPassword(data: ForgetPasswordInputDto) {
   return axios.patch<Token>('/api/users/password', data)
 }

src/pages/index.tsx

@@ -4,6 +4,7 @@ import Alert from '@mui/material/Alert'
 import Button from '@mui/material/Button'
 import { useRouter } from 'next/router'
 import { DeleteUser } from './components/DeleteUser'
+import * as api from '@/api'
 
 export default function Home() {
   const { user, isLoading, errMsg } = useUser()
@@ -26,7 +27,8 @@ export default function Home() {
     return <Alert severity="error">{errMsg}</Alert>
   }
 
-  function logout() {
+  async function logout() {
+    await api.user.logout()
     localStorage.removeItem('accessToken')
     localStorage.removeItem('refreshToken')
     router.push('/login')