废话少说先上错误图片：

首先分析一下出现这个错误的原因是前端项目路由配置的时候路由的用了history模式(mode: ‘history’)；用这种模式的好处是让我们的URL看起来不像hash那么丑（url中会有#），大家应该都懂，这里就不用多详细介绍了，不过这种模式（history）要玩好，还需要后台配置支持。因为我们的应用是个单页客户端应用，如果后台没有正确的配置，就会返回404，对于后端配置这里我用的是nginx,所以附上nginx的对应配置：location / { try_files $uri $uri/ /index.html; }；这里如果你的后台是别的详细配置请参照HTML5 History 模式，这里就不多做赘述了，回到正题，如果你想单纯的脱离后端以及服务器简单的解决这个问题，就把路由的模式改为hash就好了，当然路由的默认模式就是hash,之后重新打包发到服务器，你会发现访问项目url再次刷新页面就不会出现上面的错误了！