vue 路由参数刷新不丢失的方法
时间: 2023-06-01 09:02:16 浏览: 194
vue路由传参页面刷新参数丢失问题解决方案
可以使用 HTML5 的 history 模式来解决 Vue 路由参数刷新不丢失的问题。在 Vue 的路由配置中,设置 mode 为 history,即可启用 history 模式。
具体配置方法如下:
```javascript
const router = new VueRouter({
mode: 'history',
routes: [
// 路由配置
]
})
```
在将 Vue 打包成生产环境时,需要在服务器端进行一些配置,以确保页面刷新时不会出现 404 错误。具体配置方法可以参考 Vue 官方文档:[HTML5 History 模式](https://router.vuejs.org/zh/guide/essentials/history-mode.html#html5-history-%E6%A8%A1%E5%BC%8F)。
阅读全文