vuerouter 使用history 刷新页面404

当使用 Vue Router 的 history 模式（mode: 'history'）时，在刷新页面时可能会遇到404错误。这是因为 history 模式使用 HTML5 的 history.pushState API 来管理路由状态，但这个 API 并不会发送请求到服务器。因此，当我们直接刷新页面时，服务器并没有对应的路由配置，所以会返回404错误。

要解决这个问题，有以下几种方法：

1. 在服务器上设置 URL 重定向：当服务器接收到404错误时，设置一个重定向规则，将路由重定向到主页面。这样刷新页面时就可以正确加载Vue应用。

2. 使用Hash模式：可以将 Vue Router 的模式设置为 hash 模式（mode: 'hash'）。这种模式下，URL 中会加入一个 # 符号，其后面的内容不会被发送到服务器，因此刷新页面时也不会出现404错误。但是这种模式下的 URL 看起来不够美观。

3. 使用后端路由处理：如果有后端服务器，可以在后端服务器上设置路由规则，让所有请求都返回 Vue 应用的主页面。这样刷新页面时就可以正确加载应用。这需要在服务器端进行一些配置。

总结来说，vuerouter 使用history 刷新页面404问题可以通过服务器重定向、使用 hash 模式或使用后端路由处理等方法来解决。选择哪种解决方案取决于具体的项目需求和服务器配置。