特別提醒:開啟mode="history"模式,需要服務端的支持,因為出現“刷新頁面報錯404”的問題;
大家都知道,路由地址都是以"#"形式展示,但是有些時候,我們又希望路由地址中不出現"#",那怎么辦呢?
vue給我們提供了一個屬性mode="history";代碼如下
const router = new Router({ mode: 'history', // 去掉路由地址的# routes: [ { path: '/', // 默認進入路由[寫在第一個] redirect: '/home' //重定向 }, { path: '/login', name: 'login', component: LoginPage }, { path: '**', // 錯誤路由[寫在最后一個] redirect: '/home' //重定向 } ] });