Vue 解决浏览器刷新路由参数丢失问题 全局统一配置无需修改组件

在路由跳转的时候，我们经常会传一些参数过去，然后通过传过来的参数调用接口获取相关数据，但是刷新浏览器的时候路由参数会丢失。此时页面报错误了，如何通过全局配置的方式，不需要修改任何组件 实现刷新浏览器保存参数？

实现方式如下：

 首先在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) {