vue项目路由采用了history模式之后，布置上线后一定会遇到这个问题，页面刷新变成404了，重新返回首页又可以用了，好奇怪的问题，度娘了一下，我的天！
[解决方案]vue项目打包部署服务器，页面刷新出现404错误-QUI-Notes
归根到底：还是vue单页面的原因，刷新之后没有当前页面了，当然404了，解决办法只能刷新跳转至首页，或指定页面！

好吧，那就调整吧，看网上发的教程，懵逼的很，很多都是修改服务器配置，然后发一堆代码，也不敢轻易尝试，太坑了。
下面是经过测试可行的方法：
1.路由关掉history模式，依旧采用hash模式，就是链接中带#号的方式；
2.配置服务器重写规则
nginx：

location / {
  try_files $uri $uri/ /index.html;
}

Apache：

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

保存之后，刷新页面就发现页面和接口都恢复正常了！vue对于新手还真是一步一坑，继续加油！