今天使用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')
网友评论