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
});