【Vue】去掉默认地址栏的#以及后续问题

启动vue项目后，地址栏会默认带一个#

原因是vue-router提供了两种模式，一种Hash模式（默认），一种History模式。

vue-router 默认为 hash 模式，当 URL 改变时，页面不会重新加载，只是根据 hash 来更换显示对应的组件，这就是所谓的单页面应用。

在Hash模式下路由地址会默认带一个#，修改成History模式就行了。

在/router/index.js页面下，修改mode方式

const router = new VueRouter({
  mode: 'history',
  routes
})

更新后，重新键入地址栏 http://localhost:8080/home/hb 报错

百度得知，history模式下 vue.config.js中publicPath不要设置为相对路径

现在的设置是

module.exports = {
  publicPath: './'
}

修改成

module.exports = {
  publicPath: '/'
}

[参考]

https://blog.csdn.net/u013573560/article/details/106255922

https://blog.csdn.net/u013675978/article/details/110044307

https://blog.csdn.net/Wcharles666/article/details/88391034

[问题记录]-20210225

本地测试通过，发布到weblogic之后，输入地址报错

重新加上#以后

先留个坑，问题暂时没解决