import{_ as s,o as a,c as n,d as o}from"./app.b03f2eea.js";const u=JSON.parse('{"title":"vue-router","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/router.md","lastUpdated":1661959619000}'),p={name:"guide/vue3/router.md"},l=o(`

vue-router

\u672C\u6848\u4F8B\u91C7\u7528 hash \u6A21\u5F0F\uFF0C\u5F00\u53D1\u8005\u6839\u636E\u9700\u6C42\u4FEE\u6539 mode base

\u6CE8\u610F\uFF1A\u5982\u679C\u4F60\u4F7F\u7528\u4E86 history \u6A21\u5F0F\uFF0C vue.config.js \u4E2D\u7684 publicPath \u8981\u505A\u5BF9\u5E94\u7684\u4FEE\u6539

\u524D\u5F80:vue.config.js \u57FA\u7840\u914D\u7F6E

javascript

import Vue from "vue";
import { createRouter, createWebHistory, Router } from "vue-router";

Vue.use(Router);
export const router = [
  {
    name: "root",
    path: "/",
    redirect: "/home",
    component: () => import("@/layout/basic/index.vue"),
  },
];

const router: Router = createRouter({
  history: createWebHistory(),
  routes: routes,
});

export default router;

`,5),e=[l];function t(r,c,D,y,F,A){return a(),n("div",null,e)}const i=s(p,[["render",t]]);export{u as __pageData,i as default};

vue-router #

vue-router