vue路由history模式刷新页面时页面丢失 Cannot GET /

这个问题通常是由服务器配置不正确引起的。在使用 Vue 路由的 history 模式时，当页面刷新时，会向服务器发送请求，由于路由地址被重写成了没有 # 的 URL，因此服务器会认为这是一个新的请求，而不是一个前端路由。如果服务器没有正确配置，就会返回一个 "Cannot GET /" 的错误信息。

要解决这个问题，需要在服务器端配置一个 fallback 页面，即当服务器找不到对应路由时，返回的是一个固定的页面，而不是 404 错误页面。

如果你使用的是 Apache 服务器，可以在 .htaccess 文件中添加如下配置：

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

如果你使用的是 Nginx 服务器，可以在 Nginx 配置文件中添加如下配置：

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

这样就可以避免刷新页面时出现 "Cannot GET /" 的错误信息了。