import{_ as s,c as n,o as a,a as o}from"./app.edf9ebd2.js";const i=JSON.parse('{"title":"Vue-router","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/router.md","lastUpdated":1661309740000}'),p={name:"guide/vue2/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\uFF0Cvue.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 Router from "vue-router";

Vue.use(Router);
export const router = [
  {
    path: "/",
    name: "index",
    component: () => import("@/views/home/index"), // \u8DEF\u7531\u61D2\u52A0\u8F7D
    meta: {
      title: "\u9996\u9875", // \u9875\u9762\u6807\u9898
      keepAlive: false, // keep-alive \u6807\u8BC6
    },
  },
];
const createRouter = () =>
  new Router({
    // mode: 'history', // \u5982\u679C\u4F60\u662F history\u6A21\u5F0F \u9700\u8981\u914D\u7F6E vue.config.js publicPath
    // base: '/app/',
    scrollBehavior: () => ({ y: 0 }),
    routes: router,
  });

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