如果用户访问了一个无效的url(ex:http://localhost:8080/#/filmasdasdasdasd),我们要给这个url进行一个默认的跳转
index.js
import Vue from "vue";
// 从vue-router里面导入VueRouter
import VueRouter from "vue-router";
//导入相关组件
import film from "@/views/film.vue"
import center from "@/views/center.vue"
import cinema from "@/views/cinema.vue"
//注册模块
Vue.use(VueRouter);
const routes = [{
//路径
path: "/film",
//组件
component: film
},
{
path: "/center",
component: center
},
{
path: "/cinema",
component: cinema
},
{
//通配符
path: "*",
//重定向
redirect: "/film"
}
]
const router = new VueRouter({
routes: routes
})
export default router
效果展示,输入无效url后,回车自动跳转至/film