Vue Router history模式的配置方法及其原理

始发于我的博客 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;
}
复制代码

然后就