主要介绍了解决vue router使用 history 模式刷新后404问题,需要的朋友可以参考下

特别提醒：开启mode="history"模式，需要服务端的支持，因为出现“刷新页面报错404”的问题； 大家都知道，路由地址都是以”#”形式展示，但是有些时候，我们又希望路由地址中不出现”#”，那怎么办呢？ vue给我们提供了一个属性mode="history";代码如下 const router = new Router({ mode: 'history', // 去掉路由地址的# routes: [ { path: '/', // 默认进入路由[写在第一个] redirect:

问题背景： vue-router 默认是hash模式，使用url的hash来模拟一个完整的url，当url改变的时候，页面不会重新加载。但是如果我们不想hash这种以#号结尾的路径时候的话，我们可以使用路由的history的模式。比如如下网址：使用hash模式的话，那么访问变成 http://localhost:8080/bank/page/count/#/ 这样的访问，如果路由使用 history的话，那么访问的路径变成 如下：http://localhost:8080/bank/page/c

1、vue项目，在浏览器中看到的路由都是带有#的，如果想去掉#，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。只需要在路由表中，加入一行代码即可：使用mode: ‘history’属性，在路由代码中添加mode：’history’即可 2、build以后部署到服务器，会出现刷新页面报404错误，查看了一些资料和官方vue history模式的配置方法进行尝试，我原以为就这样配置一下就可以了，结果……