优秀的编程知识分享平台

网站首页 > 技术文章 正文

57、Vue 如何去除 URL 中的#(必会)

nanyue 2024-08-11 20:40:11 技术文章 15 ℃

vue-router 默认使用 hash 模式,所以在路由加载的时候,项目中的 URL 会自带 “#”,如果不想使用 “#”,可以使用 vue-router 的另一种模式 history:new Router ({ mode : 'history', routes:[ ]})。

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

Tags:

最近发表
标签列表