admin管理员组

文章数量:1633789

1. 安装路由

npm install vue-router --save

2. 新建router/index.js文件

        文件内容

import {
  createRouter,
  createWebHistory
} from 'vue-router'


import Home from '../view/home.vue'

const routes = [{
  path: "/",
  name: "index",
  redirect:"/home", //这个得加上，否则路由不会转到home，home页面无法显示
  component: () => import('../app.vue'),
  children: [{
    path: '/home',
    name: 'Home',
    component: Home,
  }, ]
}]


const router = createRouter({
  history: createWebHistory(),
  routes
})
console.log(router)
export default router

3. mian.js配置

import router from './router'

createApp(App).use(router).mount("#app")

4. app.vue配置

添加路由入口

<template>
    <router-view />
</template>

本文标签： 路由静态vite

版权声明：本文标题：vue3+vite配置静态路由 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dianzi/1729176890a1188832.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。