在路由跳转的时候,我们经常会传一些参数过去,然后通过传过来的参数调用接口获取相关数据,但是刷新浏览器的时候路由参数会丢失。此时页面报错误了,如何通过全局配置的方式,不需要修改任何组件 实现刷新浏览器保存参数?
实现方式如下:
首先在router/index.js里添加参数管理器
// 添加参数管理器
const ParamsManager = {
KEY: 'ROUTE_PARAMS_STORAGE',
// 保存参数
save(path, query) {
try {
const storage = {
path,
query,
timestamp: new Date().getTime()
}
sessionStorage.setItem(this.KEY, JSON.stringify(storage))
} catch (error) {
console.error('保存路由参数失败:', error)
}
},
// 获取参数
get(path) {