hash和history模式

vue-router的跳转主要有两种方式hash和history

hash即地址栏URL中的#号，比如http://baidu/#/home这种路由就是hash路由，hash虽然后出现在url中，但是不会被包括在HTTP请求中，对后端没有影响

history利用了HTML5的History Interface 中新增的pushState()和replaceState()，借鉴出的vuehistory模式，如果你需要配置history模式，必须要和后端进行统一，否则会出现404

 

如果配置hash或者history，在VueRouer中有一个mode属性，默认是hash，如果配置了history，就是没有#符号的

import vue from "vue"
import vueRouter from "vue-router"
vue.use(vueRouter)
let router=new vueRouter({
   mode:'history',
    linkActiveClass:'is-active',
    routes:[
        {
            path:'/home',
            name:'/home',
            component:()=>import('@/views/Home')   
        },
        {
            path:'/sport',
            name:'sport',
            component:()=>import('@/views/Sport')                
            }        
    ]
})
export default router