vue-element-admin vue设置动态路由刷新页面后出现跳转404页面Bug 解决方法

解释：

Vue.js 应用中使用 vue-router 时，如果你设置了动态路由或者从后端获取路由配置，在页面刷新时可能会遇到页面跳转到 404 页面的问题。这通常是因为前端的路由配置在服务器端不存在，导致服务器无法找到相应的资源而返回 404 错误。

解决方法：

在服务器端配置路由：确保服务器能正确处理所有前端路由，返回同样的 index.html 页面，让前端的路由器接管路由。
对于不同的服务器环境，配置方式会有所不同。例如，对于 Node.js 的 Express 服务器，你可以使用 history 模式时使用以下代码：
```
app.get('*', (req, res) => {
  res.sendFile(path.resolve(__dirname, 'public', 'index.html'));
});
```
使用 hash 模式：你可以选择使用 hash 模式来避免这个问题，因为在 hash 模式下，URL 中的 # 符号后面的部分不会被发送到服务器，所以不会出现 404 错误。
使用 vue-router 的 scrollBehavior：在 router/index.js 中设置 scrollBehavior 可以在用户刷新页面时保持页面滚动到正确的位置，避免因为路由变化导致页面错位。
使用 prerender-spa-plugin 或类似插件：对于静态站点生成，你可以使用 prerender-spa-plugin 等插件预先渲染你的页面，使得每个路由都对应一个实际的文件。
使用 server-side rendering (SSR)：如果你需要 SEO 优化，可以考虑使用服务器端渲染，但这需要额外的服务器端配置和代码工作。

选择哪种方法取决于你的具体需求和你的服务器配置。通常情况下，推荐使用第一种方法，因为它是最常见的解决方案，并且可以使你的应用更加符合现代前端开发的标准。