vue刷新后动态路由丢失
时间: 2023-07-05 07:32:32 浏览: 147
vue 解决addRoutes动态添加路由后刷新失效问题
出现这种情况可能是因为你使用了 history 模式的路由,但没有正确配置服务器来支持这种模式。在使用 history 模式的路由时,当刷新页面时,浏览器会向服务器发送一个请求,但服务器并没有相应的路由配置,导致页面无法加载。解决方法是在服务器端配置一个通配符路由,将所有请求都重定向到你的 index.html 文件,例如使用 Express 框架可以这样写:
```
const express = require('express')
const path = require('path')
const app = express()
app.use(express.static(path.join(__dirname, 'dist')))
app.get('*', function(req, res) {
res.sendFile(path.join(__dirname, 'dist/index.html'))
})
app.listen(3000)
```
这样就能够解决刷新后动态路由丢失的问题。
阅读全文