Vue相关合集：＜系列3-Vue 如何去除 URL 中的#＞

最新推荐文章于 2022-05-10 16:56:50 发布

鲜橙多了没

最新推荐文章于 2022-05-10 16:56:50 发布

阅读量354

点赞数 1

分类专栏： Vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/GZZ__z/article/details/121185277

版权

26 篇文章 3 订阅

订阅专栏

vue-router默认hash模式，在路由加载的时候，项目中的 url 会自带 #，使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。

如果不想要这种默认带#的hash模式，可以用路由的history模式，这种模式充分的利用history.pushState API来完成URL跳转而无需重新加载页面。

注意：当我们启用 history 模式的时候，由于我们的项目是一个单页面应用，所以在路由跳转的时候，就会出现访问不到静态资源而出现 404 的情况，这时候就需要服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面

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

关注