javascript - 浏览器上的后退按钮不刷新内容/发送新数据请求

Question

我有一个 React 前端 Django 后端应用程序，它基本上就像一个提要（例如：Instagram、Facebook）。

当用户加载提要时，会向我的后端 API 发送一个请求，该 API 将返回提要上显示的帖子的信息。当用户点击一个帖子时，他们会被定向到一个单独的页面，只显示该帖子；这个单独的页面向我的后端 API 发出请求，该 API 仅返回该帖子的信息。每个帖子都有一个“喜欢”按钮（例如：Instagram 帖子的心脏），它向我的后端 API 发送请求以将帖子添加到用户的点赞帖子列表中。如果用户点击“喜欢”，则应填写心。

经过以下步骤：

1. 用户转到提要
2. 用户单击帖子并被带到只有该帖子的页面
3. 用户点击“喜欢”
4. 用户单击浏览器中的后退按钮以返回提要

我希望帖子表明它已被喜欢。但是，由于后退按钮不会向我的后端 API 发送新请求以获取提要的数据，因此该帖子并未显示它已被点赞。我怎样才能做到这一点？

标签： javascriptdjangoreactjsdjango-rest-framework