前端有三个页面，第三个页面返回第一个页面的时候，第二个页面加载了一下才返回，怎么才能不加载直接返回第一个页面

Question

前端有三个页面，第三个页面返回第一个页面的时候，第二个页面加载了一下才返回，怎么才能不加载直接返回第一个页面

Answer 1

qq_57159670 上午好☀️☀️☀️️
本答案参考ChatGPT-3.5

要实现从第三个页面返回第一个页面时不加载第二个页面，可以使用以下几种方法：

1. 使用浏览器的 history.replaceState 方法：在第三个页面跳转到第一个页面时，使用 history.replaceState 方法将第二个页面从浏览历史中移除，替换为第一个页面。这样返回时就不会加载第二个页面了。

2. 使用浏览器的 history.pushState 方法：在第二个页面加载完成后，使用 history.pushState 方法将第一个页面添加到浏览历史中。这样返回时先返回到第一个页面，再返回到第三个页面时，第二个页面不会重新加载。

3. 使用路由控制（如React Router等）：在使用路由进行页面跳转时，可以设置返回按钮或链接直接返回到第一个页面。这样返回时不会经过第二个页面。

解决方案：

1. 使用history.replaceState方法：

   // 在第三个页面返回第一个页面时调用以下代码
   history.replaceState(null, null, "第一个页面的URL");
   

2. 使用history.pushState方法：

   // 在第二个页面加载完成后调用以下代码
   history.pushState(null, null, "第一个页面的URL");
   

3. 使用路由控制：

   • 使用React Router：

     // 在返回按钮或链接的点击事件中调用以下代码
     history.push("第一个页面的URL");
     

   • 其他路由控制库的使用方法类似，具体参考对应文档

请根据你的具体情况选择其中一种方法进行实现，以上方法都可以实现从第三个页面返回时不加载第二个页面。