實際上存在三種模式:
Hash: 使用URL的hash值來作為路由。支持所有瀏覽器。
History: 以來HTML5 History API 和服務器配置。參考官網中HTML5 History模式
Abstract: 支持所有javascript運行模式。如果發現沒有瀏覽器的API,路由會自動強制進入這個模式。
vue-router中默認使用的是hash模式,也就是會出現如下的URL:,URL中帶有#號
我們可以用如下代碼修改成history模式:
import Vue from 'vue' import Router from 'vue-router' import Main from '@/components/Main' Vue.use(Router) export default new Router({ mode: 'history', routes: [ { path: '/', component: Main } ] })