vueRouter history 模式配置

vue-router 前端路由系统: 改变视图的同时不会向后端发出请求。

hash 模式:域名/#/user/cart

history 模式:域名/user/cart

 


export default new VueRouter({
    linkActiveClass: 'mui-active',
    mode: 'history',  (默认为hash 模式)
    routes:[{path:'/',redirect:{name:'home'}},

        {name:'home',path:'/home',component:homeVue},
        {name:'vip',path:'/vip',component:vipVue},
        {name:'search',path:'/search',component:searchVue},
        {name:'cart',path:'/users/cart',component:cartVue},
        {name:'newsList',path:'/news/newsList',component:newsListVue},
        {name:'news.detail',path:'/news/newsdetail',component:newsDetailVue},
        {name:'goods',path:'/goods/list',component:goodsListVue},
        {name:'addressChoose',path:'/users/address',component:addressVue},
        {name:'order',path:'/users/order',component:orderVue},
        {name:'orderSuccess',path:'/orderSuccess',component:orderSuccessVue},
        {name:'login',path:'/login',component:loginVue},
        {name:'loginOut',path:'/loginOut',component:loginOutVue},
        {name:'goodsDetail',path:'/goods/goodsDetail',component:goodsDetailVue},
        {name:'orderDetail',path:'/orderDetail',component:orderDetailVue}]
})

若为vue-cli 脚手架安装 则参考:https://blog.csdn.net/bocongbo/article/details/81670072

 

 

你可能感兴趣的:(vue的学习)