始发于我的博客 ryougifujino.com,欢迎访问留言。
vue-router
分为hash
和history
模式,前者为其默认模式,url的表现形式为http://yoursite.com#home
,比较难看。后者的url表现形式为http://yoursite.com/home
,比较美观。
但如果要使用history
模式,我们需要在后端进行额外配置。本文将讨论如何配置以及为什么要这样配置。
history
模式的配置方法
我们来看看官方文档是教我们怎么配置的:HTML5 History 模式。
首先要将mode
设置为history
:
const router = new VueRouter({
mode: 'history',
routes: [...]
})
复制代码
然后设置后端(这里采用的nginx):
location / {
try_files $uri $uri/ /index.html;
}
复制代码
然后就