vue-router+webpack线上部署时单页项目路由，刷新页面出现404问题

使用vue项目，线上部署的时候，访问首页以及通过路由打开二级页面没有问题，但是一刷新就出现404现象

因为刷新页面时访问的资源在服务端找不到，因为vue-router设置的路由不是真实存在的路径。

解决办法是：在nginx.conf配置修改如下：

location / {
　　root html;
　　try_files $uri $uri/ @router;
　　index index.html index.htm;
}

location @router {
　　rewrite ^.*$ /index.html last;
}

1130706-20180405170819686-1332981854.png

红色字体是添加的配置，然后保存重启nginx即可解决。