Implement 404 handling
This commit is contained in:
2
dist/index.html
vendored
2
dist/index.html
vendored
@ -10,6 +10,6 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="app"></div>
|
<div id="app"></div>
|
||||||
|
<script type="module" src="/src/main.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
17
src/pages/404Page.vue
Normal file
17
src/pages/404Page.vue
Normal 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>
|
@ -46,10 +46,9 @@
|
|||||||
<label class="form-check-label" for="showNotYetRunning">Show Not-Yet Running Trains</label>
|
<label class="form-check-label" for="showNotYetRunning">Show Not-Yet Running Trains</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<button v-if="store.loggedIn" @click="postPreferences()">Save Preferences</button>
|
<button v-if="store.loggedIn" @click="postPreferences()">Save Preferences</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<transition id="sidebar" name="slideLeft">
|
<transition id="sidebar" name="slideLeft">
|
||||||
<div v-if="store.displaySelectedTrain && store.selectedTrain">
|
<div v-if="store.displaySelectedTrain && store.selectedTrain">
|
||||||
|
@ -25,4 +25,6 @@ export default [
|
|||||||
{ path: "/account", component:loadPage('AccountPage'), beforeEnter: isAuth },
|
{ path: "/account", component:loadPage('AccountPage'), beforeEnter: isAuth },
|
||||||
{ path: "/signup", component:loadPage('SignUpPage') },
|
{ path: "/signup", component:loadPage('SignUpPage') },
|
||||||
{ path: "/login", component:loadPage('LoginPage') },
|
{ path: "/login", component:loadPage('LoginPage') },
|
||||||
|
{ path: "/404", component:loadPage('404Page') },
|
||||||
|
{ path: "/:catchAll(.*)", component:loadPage('404Page') }
|
||||||
]
|
]
|
Reference in New Issue
Block a user