Vue知识点-改变路由的哈希模式(去掉路由中的#)

Posted jjbw

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue知识点-改变路由的哈希模式(去掉路由中的#)相关的知识,希望对你有一定的参考价值。

1、改变路由的哈希模式(在路由中会出现#):
  在src/router/index.js中

    创建路由对象:
      const routes = [

{path:"",redirect:"/home"},

{path:"/home",component:Home},

{path:"/cart",comsponent:Cart},

{path:"/profile",component:Profile},

{path:"/category",component:Cart},

]

 

const router  = new Vuerouter({

  routes,

  mode:‘history‘

})

export default router

 

将mode改为"history"

以上是关于Vue知识点-改变路由的哈希模式(去掉路由中的#)的主要内容,如果未能解决你的问题,请参考以下文章

vue 路由跳转后 怎样去掉指定的组件

vue中路由的使用

vue-router 去掉#

vue-router 去掉#

Laravel 5.7 和 Vue 路由模式

vue 项目地址去掉#怎么弄?