情景: vue-cli腳手架 vue-router配置路徑 ,npm run dev后 點(diǎn)擊路由 發(fā)現(xiàn)url中有#, 從而不能成功跳轉(zhuǎn)至具體頁面
vue中l(wèi)ocalhost:8080地址欄的顯示有兩種模式:
- 第一種是hash(默認(rèn))弛作,即mode:'hash',該模式地址欄會(huì)默認(rèn)有#號(hào)。
- 第二種是history,即mode:'history'八秃,該模式直接用url。
在rouer下面的index.js中書寫:
export default new Router({
mode: 'history', // 即可去掉#
routes: [
{
path: '/',
name: 'home',
component: home
},
{
path: '/classify',
name: 'classify',
component: classify
}
]
})