解决vue项目刷新404问题

vue router mode 默认为hsah, 这样的url中带有#，如果把mode: 'history'就能去掉#号，也可以正常访问，使用nginx部署的时候刷新页面就会出现404错误。

const router = new Router({
  mode: 'history'
});

可以通过在nginx的配置文件中做如下配置

location  / {
    root  /var/www/build;
    index  index.html index.htm;
    try_files $uri $uri/ /index.html; //关键配置
}