在路由跳转的时候,我们经常会传一些参数过去,然后通过传过来的参数调用接口获取相关数据,但是刷新浏览器的时候路由参数会丢失。此时页面报错误了,如何通过全局配置的方式,不需要修改任何组件 实现刷新浏览器保存参数?
实现方式如下:
首先在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) {