vue-router中的hash模式和history模式

在看项目的时候看到路由配置中的一段代码

import routes from "./routes";
import Vue from 'vue'
import VueRouter from "vue-router";

//Vue使用插件VueRouter
Vue.use(VueRouter)

//向外暴露路由器对象
export default new VueRouter({
  //选择history模式
  mode:'history',
  //注册所有路由
  routes
})

vue-router中有两种模式，一种就是hash(哈希)模式，另一种就是history模式
1.hash模式
就是url后面跟个难看的#，就比如网易云就采用了哈希模式的路由跳转，https://music.163.com/#/my/ 很显然url后面跟上了#,刷新的时候向服务器发请求，后面的hash值是不跟着带过去的
2.history模式
url后面就没有#，路由跳转的时候看起来更舒服点，但是在这个模式下，我们改变path，如果这个path不对，后台没有相应的配置资源，就会跳出404，但是这个模式有好处，跳转的时候带参可以在地址上显示，我们可以提取利用，不像hash还要去除难看的#