aindreas/traintracker
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Implement 404 handling

Browse Source
This commit is contained in:
Conor McNamara
2023-03-16 19:39:58 +00:00
parent d9d1dfa363
commit d7dcd34493
4 changed files with 31 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
dist/index.html vendored
View File

@ -10,6 +10,6 @@
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.js"></script>
</body>
</html>

17
src/pages/404Page.vue Normal file
View File

@ -0,0 +1,17 @@
<template>
<Navbar />
<h1>404</h1>
</template>
<script>
import Navbar from '../components/Navbar.vue'
export default {
name: "404Page",
components: {
Navbar
}
}
</script>
<style scoped>
</style>

5
src/pages/MapPage.vue
View File

@ -46,10 +46,9 @@
<label class="form-check-label" for="showNotYetRunning">Show Not-Yet Running Trains</label>
</div>
</div>
</div>
</div>
<button v-if="store.loggedIn" @click="postPreferences()">Save Preferences</button>
</div>
</div>
<transition id="sidebar" name="slideLeft">
<div v-if="store.displaySelectedTrain && store.selectedTrain">

2
src/router/routes.js
View File

@ -25,4 +25,6 @@ export default [
{ path: "/account", component:loadPage('AccountPage'), beforeEnter: isAuth },
{ path: "/signup", component:loadPage('SignUpPage') },
{ path: "/login", component:loadPage('LoginPage') },
{ path: "/404", component:loadPage('404Page') },
{ path: "/:catchAll(.*)", component:loadPage('404Page') }
]