首页 > 其他分享 >vue3 路由文件配置

vue3 路由文件配置

时间:2024-10-13 13:48:38浏览次数:8  
标签:文件 vue .. index vue3 path import 路由

// 通过模板路由配置
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

 

标签:文件,vue,..,index,vue3,path,import,路由
From: https://www.cnblogs.com/yansunda/p/18462211

相关文章

  • 互联网的路由选择协议
    分层次的路由选择协议由于以下两个原因,互联网选择分层次的路由选择协议互联网的规模十分庞大,如果让每个路由器都直到所有网络应该怎样到达,处理起来的时间和资源开销太大许多单位不愿意让外界了解自己单位的网络布局细节和采用的路由选择协议,同时还希望连接到互联网上因此,把......
  • 【大数据技术基础 | 实验二】Linux基础:常用基本命令和文件操作
    文章目录一、实验目的二、实验要求三、实验环境四、常用基本命令1、验证cd和pwd命令2、验证ls命令3、验证mkdir命令4、验证cp、mv和rm命令五、Linux文件操作1、验证touch命令2、验证cat命令3、验证more命令六、实验心得一、实验目的学会linux常用命令(cd,ls,pwd......
  • 009. 样式文件的作用域
    App.vue----------------------------------------<template><divid="app"><h2>HelloWorld</h2><HelloWorld/></div></template><script>importHelloWorldfrom"./HelloWorld.vu......
  • v4501v.dll文件缺失或损坏?从根源入手轻松解决v4501v.dll文件报错
    当您在使用计算机时遇到“找不到v4501v.dll”或“v4501v.dll缺失/损坏”的错误提示,这意味着您的系统中缺少或损坏了一个重要的动态链接库文件。v4501v.dll文件通常是某些应用程序或游戏正常运行所必需的组件之一,缺失或损坏该文件会导致相关程序无法启动或运行异常。为了确保您......
  • 分享我的Nvim Go语言配置文件
    细节参考我的另一篇文章(C++那篇)需要配置好Go语言的环境变量(可参考https://learnku.com/articles/24924)callplug#begin('~/.config/nvim/plugged')Plug'preservim/nerdtree'Plug'majutsushi/tagbar'Plug'Xuyuanp/nerdtree-git-plugin'Plug'......
  • Qt开发技巧(十六):文本框的光标处理,数据库的int在视图中展示问题,工程文件中区分系统及硬
    继续讲一些Qt开发中的技巧操作:1.文本框的光标处理正常情况下我们在文本框中输入,光标会一直伴随着我们的输入指向最后,有点像链表的next指针,但有时候文本框中的内容过长,而我们想要主动设置下将光标移到最前面的时候,可以用下面方法。//下面三种方法都可以//1.样式表方式设......
  • 电脑文件搜索神器|Everything秒级检索文件工具
     工具介绍功能特点Everything中文版是款功能强大,便捷实用的文件搜索软件。Everything中文版超级文件搜索软件可以瞬间搜索到你需要的文件功能特点1、单纯的搜索工具,没有其他捆绑软件2、软件内存小,占用电脑的空间少3、响应速度快,及时响应搜索需求4、完全免费,不收取额外费......
  • 利用Vue3的axios+Python的flask实现前后端交互功能
    1功能实现1.1功能在网页中输入两个数字后,点击计算按钮在线计算(注意不是在浏览器端)获得两数之和。1.2思路前端使用vue3的axios向服务器发送post请求,利用flask框架使python服务器返回计算后的数值,赋给前端的变量,最终在浏览器上显示。2前端部分:2.1html<div><inputv-mod......
  • Hoverfly 任意文件读取漏洞(CVE-2024-45388)
    漏洞简介Hoverfly是一个为开发人员和测试人员提供的轻量级服务虚拟化/API模拟/API模拟工具。其 /api/v2/simulation​的POST处理程序允许用户从用户指定的文件内容中创建新的模拟视图。然而,这一功能可能被攻击者利用来读取Hoverfly服务器上的任意文件。尽管代码禁止指定绝......
  • c语言进阶版第19课—文件操作
    文章目录1.文件1.1文件的作用1.2文件是什么1.3文件名1.4二进制文件和文本文件2.文件的打开和关闭2.1流和标准流2.2文件指针2.3文件的打开和关闭2.4文件的顺序读写2.4.1fputc函数2.4.2fgetc函数2.4.3fputs函数2.4.4fgets函数2.4.5fprintf函数2.4.6fscanf......