Problems with laravel vue routing definition

use laravel mix to do vue contact projects. Encountered a problem while using vue-router

< H2 > Project structure < / H2 >

clipboard.png

router.js


foo.vue


app.js


home.html


component

clipboard.png

what is my problem? thank you for correcting
all the source codes have been sent to Ciyun: the specific address is as follows:
https://gitee.com/blueroad_ma...

May.11,2022

move this section to app.js

 // 
 const routes=[
     {
        path:"/foo",
        name:"foo",
        component: Vue.component( 'foo', require( './pages/foo.vue' ))
    },
    {
        path:"/bar",
        name:"bar",
        component: Vue.component( 'bar', require( './pages/bar.vue' ))
    }
 ];

change to

 // 
 const routes=[
     {
        path:"/foo",
        name:"foo",
        component: require( './pages/foo.vue' ).default
    },
    {
        path:"/bar",
        name:"bar",
        component: require( './pages/bar.vue' ).default
    }
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e5de0b-4577c.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e5de0b-4577c.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?