diff --git a/src/api/AxiosInstanceController.js b/src/api/AxiosInstanceController.js index 0f70521..d5180ac 100644 --- a/src/api/AxiosInstanceController.js +++ b/src/api/AxiosInstanceController.js @@ -35,7 +35,7 @@ function setInterceptors (instance) { accountsApi.refreshToken() } else { accountsApi.logout() - console.logt('토큰 만료, 재로그인 필요') + console.log('토큰 만료, 재로그인 필요') userStore.commit('dialogOpen', 'login') } } else if (error.response.status === 400) { diff --git a/src/api/modules/notifications.js b/src/api/modules/notifications.js new file mode 100644 index 0000000..e69de29 diff --git a/src/assets/error/404.svg b/src/assets/error/404.svg new file mode 100644 index 0000000..40bbbc8 --- /dev/null +++ b/src/assets/error/404.svg @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/Error/NotFound.vue b/src/components/Error/NotFound.vue new file mode 100644 index 0000000..db1c0bb --- /dev/null +++ b/src/components/Error/NotFound.vue @@ -0,0 +1,11 @@ + + + diff --git a/src/components/MyPage/Notifications.vue b/src/components/MyPage/Notifications.vue new file mode 100644 index 0000000..10c9faf --- /dev/null +++ b/src/components/MyPage/Notifications.vue @@ -0,0 +1,76 @@ + + diff --git a/src/router/index.js b/src/router/index.js index eeb9e8f..c116ed7 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -15,6 +15,9 @@ import PitAPat from '@/components/PitAPat/PitAPat.vue' import MyPage from '@/components/MyPage/MyPage.vue' import Profile from '@/components/MyPage/Profile.vue' import MyPosts from '@/components/MyPage/MyPosts.vue' +import Notifications from '@/components/MyPage/Notifications.vue' + +import NotFound from '@/components/Error/NotFound.vue' Vue.use(Router) @@ -23,6 +26,17 @@ export default new Router({ routes: [ { path: '/', component: MainHome, name: 'home' }, + { + path: '*', + redirect: '/404' + }, + + { + path: '/404', + name: 'notFound', + component: NotFound + }, + { path: '/social', component: Social, @@ -91,8 +105,10 @@ export default new Router({ props: true, children: [ { path: 'profile', component: Profile }, - { path: 'posts', component: MyPosts } + { path: 'posts', component: MyPosts }, + { path: 'notifications', component: Notifications } ] } + ] })