import{_ as s,c as n,o as a,a as p}from"./app.2b769fcb.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"","slug":"\u2705-vue-router"}],"relativePath":"guide/vue2/router.md","lastUpdated":1661153879000}'),o={name:"guide/vue2/router.md"},l=p(`

\u2705 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,A,F){return a(),n("div",null,e)}const u=s(o,[["render",t]]);export{i as __pageData,u as default};