解决此问题的方法是使用Vue的watch属性来监听查询参数的变化，并在变化时重新加载页面或执行相应的操作。以下是一个示例代码：

// 在Vue组件中，监听查询参数的变化
watch: {
  $route(to, from) {
    // 通过to对象获取新的查询参数
    const newQueryParams = to.query;

    // 检查新的查询参数与之前的查询参数是否不同
    if (JSON.stringify(newQueryParams) !== JSON.stringify(this.queryParams)) {
      // 更新当前的查询参数
      this.queryParams = { ...newQueryParams };

      // 执行相应的操作，例如重新加载页面或执行其他逻辑
      this.loadData();
    }
  }
},
methods: {
  loadData() {
    // 执行加载数据的操作
    // ...
  }
}

在上述代码中，我们使用watch属性来监听Vue实例的$route对象，该对象包含了当前的路由信息，包括查询参数。在watch中，我们比较新的查询参数newQueryParams与之前的查询参数this.queryParams是否不同，如果不同，则更新this.queryParams并执行相应的操作。

通过这种方式，当页面的查询参数发生变化时，我们可以在Vue组件中捕获到这个变化，并执行相应的操作，以实现与不同查询参数的同一页面一起使用Axios的功能。