美文网首页
vue-router报错:‘No match found for

vue-router报错:‘No match found for

作者: 焚心123 | 来源:发表于2021-04-21 16:35 被阅读0次
    今天使用vite创建了一个vue3.x的项目,然后在新建路由的时候,报了一个错,说是找不到这个路径,于是开始面向百度了,找了半天,还是没有解决我的问题,最后,发现是自己的错误,我将path这个单词写错了,所以找不到相应的路径,有的或许是你的path路径重复的问题,所以还是仔细的检查你的代码吧!!!,希望能够帮助到你,路由4.0的创建跟vue2.0的基本没啥区别
    将我创建的路由跟你的对照下,看看
    • 下载路由

    npm install vue-router@4

    • router/index.js
    import  { createRouter, createWebHashHistory } from 'vue-router'
    
    const routes = [
        {
            path:'/',
            name:'Home',
            component:()=>import('../views/home.vue')
        },
        {
            path:'/about',
            name:'About',
            component:()=>import('../views/about.vue')
        }
    ]
    
    const router = createRouter({
        history:createWebHashHistory(),
        routes
    })
    
    export default router;
    
    • main.js
    import { createApp } from 'vue'
    import App from './App.vue'
    import './index.css'
    import router from './router'
    createApp(App)
    .use(router)//路由进行挂载
    .mount('#app')
    
    

    相关文章

      网友评论

          本文标题:vue-router报错:‘No match found for

          本文链接:https://www.haomeiwen.com/subject/cdszlltx.html