vue路由history刷新页面

在 Vue 路由中，使用 history 模式时刷新页面会导致404 错误。这是因为 history 模式依赖于浏览器的 History API，而刷新页面会发送一个新的请求到服务器，服务器并没有处理该路由，因此会返回404 错误。

要解决这个问题，你可以在服务器端进行配置，以确保对于 Vue 路由的所有请求都返回同一个 HTML 文件。这样，当用户刷新页面时，服务器会始终返回正确的页面，而不会出现404 错误。

以下是一些常见的服务器配置示例：

#### 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>

这些配置会将所有非文件和非目录的请求重定向到 index.html 文件，确保刷新页面时返回正确的页面。

请注意，这只是一种常见的配置示例，具体的配置取决于你使用的服务器软件和环境。你可能需要根据自己的情况进行适当的修改。

希望能对你有所帮助！如有更多问题，请随时提问。