Vue项目运行路由总会带#,一行代码搞定!

tech2022-09-17  98

一、问题 使用VUE路由,项目的url总是带有#,如下:  http://localhost:8066/#/ 

二、解决 修改路由文件中 index.js 文件,即 src --> router --> index.js没修改前: 

export default new Router({   routes: [     {       path: '/',       name: 'LoginView',       component: LoginView     }   ] }) 

去 #/锚点:在路由设置处修改 

export default new Router({   mode: 'history',   routes: [     {       path: '/',       name: 'LoginView',       component: LoginView     }   ] })

多了 mode: 'history'这行代码,不懂就多去看看vue文档

https://cli.vuejs.org/zh/

https://biaoyansu.com/18.x

最新回复(0)