【vue2.0】解决使用vue-cli生成项目后项目地址自动添加#号的问题

来源:互联网 发布:别墅网络布线解决方案 编辑:程序博客网 时间:2024/05/16 08:37

使用vue官方的vue-cli脚手架自动生成项目后,在启动项目后,会自动打开 ‘http://localhost:8080/#/’ 地址,而且一直没法去掉“#”号。直到后来重新详细看vue-router官方文档,才发现,这是由路由的默认配置模式引起的。

解决方法是将路由配置成history模式,代码如下:

export default new Router({  mode: 'history',  routes: [    {      path: '/',      name: 'Hello',      component: Hello    }  ]})
0 0
原创粉丝点击