去掉vue路由中的#号
在使用vue进行开发的时候我们会发现地址栏上的ip后面会跟着一个#号,如果想去掉这个井号,我们可以在路由上加上mode: 'history', 即可去掉,是不是很简单呢export default new Router({mode: 'history',routes: [{path: '/',name: 'Home',...
·
在使用vue进行开发的时候我们会发现地址栏上的ip后面会跟着一个#号,如果想去掉这个井号,我们可以在路由上加上 mode: 'history', 即可去掉,是不是很简单呢
export default new Router({
mode: 'history',
routes: [
{
path: '/',
name: 'Home',
component: Home
}
]
})
vue-router默认是hash模式,在hash模式下,是会有#号在URL上的,很丑有没有?
切换到HTML5的history模式,只需要在mode选项中配置即可。在history模式下,URL就像正常的URL一样,但是该模式下需要后台正确的配置才可以。因为在路由中传参时,后台没有配置好的话,就会返回404。
更多推荐
已为社区贡献30条内容
所有评论(0)