404페이지 설정하기

정의되지 않은 페이지는 404페이지를 사용자 정의하는 방법이다.

1. resources/js/components/Notfound.vue 파일을 만들어준다.

2. resources/js/routes.js  

import Notfound from './components/Notfound';

        {
            path: '*',
 
            component: Notfound
        },
 

전체

정의되지 않은 패스는 /components/Notfound 로 가게 설정하는 것이다.

import Logo from './components/Logo';
 
import LogoSymbol from './components/LogoSymbol';
 
import Colors from './components/Colors';
 
import Notfound from './components/Notfound';
 
export default{
 
    mode : 'history',
 
    linkActiveClass: 'font-bold text-blue-500',
 
    routes:[
        {
            path: '*',
 
            component: Notfound
        },
 
        {
            path: '/',
 
            component: Logo
        },
 
        {
            path: '/logo-symbol',
 
            component: LogoSymbol
        },
 
        {
            path: '/colors',
 
            component: Colors
        },
    ]
 
};
 

3.routes/web.php 파일

Route::get('/{any?}', function () {
    return view('app');
})->where('any','.*');