vue-Router hash模式與history模式在vue2.0和vue3.0中的用法

創建一個新項目，默認使用的是hash模式

Vue.js 2.0的history模式

const router = new VueRouter({
  mode: 'history',
  routes: [...]
})

 

Vue.js 3.0使用的話，首先你的工程已經升級到了Vue.js 3.0。配套的vue-router也升級到了4.0.0-alpha.5

Vue.js 3.0下vue-router 4.0 hash模式

import { createRouter, createWebHashHistory } from 'vue-router';
const router = createRouter({
  history: createWebHashHistory(),
  routes
});

Vue.js 3.0下vue-router 4.0 history模式

import { createRouter, createWebHistory} from 'vue-router';
const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
});