vue3 路由文件配置

复制代码
// 通过模板路由配置
import { createRouter, createWebHistory } from "vue-router";
// 创建路由器
const routes = [
    // 登录路由
    {
        path: "/login",
        component: () => import("../views/login/index.vue"),
        name: "login", //命名路由
    },
    //登录成功后展示数据的路由
    {
        path: "/",
        component: () => import("../views/home/index.vue"),
        name: "layout",
    },
    {
        path: "/404",
        component: () => import("../views/noFound/index.vue"),
        name: "any",
    },
    {
        path:'/:pathMatch(.*)',
        redirect : '/404',
    }
];

const router = createRouter({
    history: createWebHistory(),
    routes,
    // scrollBehavior(){
    //     return {
    //         left:0,
    //         top:0
    //     }
    // }
});

export  default router
复制代码

 

posted @   洛飞  阅读(45)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术
· .NET周刊【3月第1期 2025-03-02】
点击右上角即可分享
微信分享提示