Server Actions 执行后，为何客户端状态可能不会自动更新？如何确保依赖数据同步？
本题解析 Server Actions 不自动更新客户端状态的原因与对策：说明需显式重验证路由或标签，或通过 useOptimistic/useActionState 管理乐观界面与服务端响应，并给出判断何时应该重新请求服务的条件。
核心关键词Next.js Server Actions 客户端状态同步 数据更新 不自动刷新
面试知识索引 · 分类、标签与搜索
路由专题面试题，140 道完整答案
路由专题面试题第 2 页，显示第 51–100 题，共找到 140 道完整解析，可继续按分类、标签与关键词缩小范围。
140筛选结果
52技术分类
178检索标签
3索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
技术分类52 个
全部分类5000AI Agent511浏览器301JavaScript285React281AI 开发262CSS240Node.js217TypeScript206Vue180前端工程化138React Native135
查看全部 52 个分类
热门标签178 个
查看其余 163 个标签
测试109数据库事务95实时通信92Web 可访问性90动画79可观测性77Agent 记忆75向量检索66工具调用66LangGraph59Prompt56任务规划53排障与运维53数据库索引52浏览器自动化51Flexbox50值与类型50GraphQL49事务与并发49构建与镜像49DNS 与 TLS48工程协作与交付48AI 评测47CSS Grid47Express 服务47MCP47副作用与同步47向量与嵌入47文件与多媒体47流与二进制47传输与协议46列表与性能46可维护代码46响应式原理46容器运行46指标日志追踪46数据建模与运维46文件与 I/O46表单与输入46MCP 协议45RAG45Vite 与模块构建45Webpack45内存与虚拟化45原生集成45多 Agent45工作负载与发布45应用与性能45数据处理45模块与工具链45组件与模板45缓存与数据结构45网络与运维45评估与调试45身份认证与授权45运行时与开发45Web 系统方案44一致性与容错44侦听与生命周期44分布式使用44原生组件与交互44可访问交互44消息与异步处理44渲染与调度44索引与执行计划44组件设计44缓存与代理44进程与并发44层叠与选择器43攻击面与防御43文档数据库43权限与安全43离线与渐进增强43语义与文档43请求与通信 API43Worker 与线程协作42事件系统42存储与离线数据42服务架构42服务端与流式渲染42服务端工程42泛型设计42版本控制42类型收窄42类型运算42组件与端到端42编码与执行42进程与线程42DOM 与文档操作41Flex 布局41HTTP 语义41NestJS 架构41REST 与接口契约41SQL 查询41加载与交互性能41动画与视觉41类型工程41记忆与状态41运行时与调度41Agent 架构40WebAssembly 集成40单元与集成测试40多 Agent 协作40工作流编排40模块与语言机制40浏览器与 UI 自动化40生产运行40函数与作用域39响应式设计39性能与并发39类型系统基础39Grid 布局38数组与集合38盒模型与排版38Hooks 与复用37应用开发37推理与成本37状态共享37知识库数据37模型与应用评测36对象与原型35状态与渲染35语言与并发35异步与 Promise34Effect32RAG 检索31React 性能31响应式与性能31微调与数据31TanStack Query30全栈边界30数据与缓存30大模型基础29路由与数据流29事件循环28流式交互28提示与上下文设计27数据与服务端27组件与依赖注入27组件与响应式27多模态应用24应用与渲染24Hydration22沙箱安全22状态管理18算法18CI/CD13语言与运行时10React Server Components6搜索与排序4实用函数实现3链表栈队列3图算法2字符串算法2树与遍历2索引与高级结构2Kubernetes1作用域与函数1动态规划1异步与浏览器1手写与交互性能1数组与双指针1相等比较1
第 2 页
本页面试问题
按稳定语义路径排序
- 0051
- 0052
Server Actions 在 Next.js App Router 中如何实现服务端逻辑与客户端组件的无刷新交互？
围绕“Server Actions 在 Next.js App Router 中如何实现服务端逻辑与客户端组件的无刷新交互”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 Server Actions 如何通过函数调用在客户端触发服务端执行，并返回结果，而非仅描述其语法或用途。
核心关键词Next.js Server Actions 服务端逻辑 客户端组件 无刷新交互 - 0053
在 Express 4 中如何为所有异步路由统一建立错误边界而不漏掉 Promise 拒绝？
围绕“在 Express 4 中如何为所有异步路由统一建立错误边界而不漏掉 Promise 拒绝”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出包装函数或路由层统一 catch 转 next(err) 的模式及漏包后果。
核心关键词Express 4 异步路由统一错误边界 - 0054
Express 的错误处理中间件为什么必须是四个参数，异步路由抛错为何不会自动进入它？
围绕“Express 的错误处理中间件为什么必须是四个参数，异步路由抛错为何不会自动进入它”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明按函数长度识别错误中间件及 Express 4 不捕获 Promise 拒绝的边界（注明版本）。
核心关键词Express 错误中间件 四参数 异步错误捕获 - 0055
Nitro 如何配置以优先服务静态资源而非动态路由？在部署时如何防止路由冲突？
围绕“Nitro 如何配置以优先服务静态资源而非动态路由？在部署时如何防止路由冲突”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过 `nitro.routeRules` 设置静态文件匹配优先级。
核心关键词Nuxt Nitro 优先服务静态资源配置方法 - 0056
部署到 Serverless 平台时，Nitro 如何处理 API 路由的冷启动与长期保持？需要哪些配置优化性能？
围绕“部署到 Serverless 平台时，Nitro 如何处理 API 路由的冷启动与长期保持？需要哪些配置优化性能”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明如何通过 `nitro.server` 配置启用 keep-alive 与预热机制。
核心关键词Nuxt Nitro Serverless 冷启动 保持连接 - 0057
Nuxt 3 的 SSR 响应缓存是如何工作的？如何配置一个页面在 10 分钟内不重新生成？
围绕“Nuxt 3 的 SSR 响应缓存是如何工作的？如何配置一个页面在 10 分钟内不重新生成”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过 `nitro.routeRules` 设置 `ssr: true` 与 `cache` TTL。
核心关键词Nuxt Nitro SSR 响应缓存 时间配置 - 0058
useAsyncData 的上下文对象（context）中包含哪些信息？如何在数据获取函数中使用它来访问请求头或路由参数？
围绕“useAsyncData 的上下文对象（context）中包含哪些信息？如何在数据获取函数中使用它来访问请求头或路由”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 `context` 提供 `request`, `params`, `query` 等属性。
核心关键词Nuxt 3 useAsyncData context 可访问请求头和路由参数 - 0059
在 Nuxt 4 中，如何通过文件名定义动态路由参数？动态段的命名规则和匹配行为是什么？
围绕“在 Nuxt 4 中，如何通过文件名定义动态路由参数？动态段的命名规则和匹配行为是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要解释以中括号包裹的文件名如 [id].vue 的解析逻辑。
核心关键词Nuxt 动态路由 参数 匹配规则 - 0060
Nuxt 如何根据文件系统自动创建路由？哪些文件名或目录结构会影响路由生成？
围绕“Nuxt 如何根据文件系统自动创建路由？哪些文件名或目录结构会影响路由生成”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 pages 目录下文件与路径的映射规则。
核心关键词Nuxt 文件路由 自动路由 文件系统路由 - 0061
Nuxt 4 中多个中间件按什么顺序执行？中间件的执行顺序受哪些因素影响？
围绕“Nuxt 4 中多个中间件按什么顺序执行？中间件的执行顺序受哪些因素影响”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明中间件在 route 路径层级上的应用顺序（从根到目标）。
核心关键词Nuxt 中间件 执行顺序 路由触发顺序 - 0062
Nuxt 4 的中间件函数返回什么值时会阻止后续路由进入？返回其他值会怎样？
围绕“Nuxt 4 的中间件函数返回什么值时会阻止后续路由进入？返回其他值会怎样”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明返回字符串或对象会重定向，返回 null/undefined 会继续。
核心关键词Nuxt 中间件 返回值 控制流转 - 0063
Nuxt 4 中如何通过嵌套目录实现嵌套路由？嵌套层级与 URL 结构的关系是怎样的？
围绕“Nuxt 4 中如何通过嵌套目录实现嵌套路由？嵌套层级与 URL 结构的关系是怎样的”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明多级目录如何映射为 /a/b/c 形式的 URL。
核心关键词Nuxt 嵌套路由 目录嵌套 路由层级 - 0064
Nuxt 4 的插件中可以访问哪些上下文对象？这些对象在服务端和客户端是否一致？
围绕“Nuxt 4 的插件中可以访问哪些上下文对象？这些对象在服务端和客户端是否一致”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明插件中可访问的 $app、$router 等对象及其在 SSR 与 CSR 下的可用性差异。
核心关键词Nuxt 插件 上下文 客户端服务端差异 - 0065
Nuxt 4 的预渲染模式如何生成静态 HTML？它与全量 SSR 的主要区别是什么？
围绕“Nuxt 4 的预渲染模式如何生成静态 HTML？它与全量 SSR 的主要区别是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 prerender 模式在构建时生成所有路由的 HTML 文件。
核心关键词Nuxt 预渲染 静态生成 全量 SSR 差异 - 0066
Nuxt 4 在服务端渲染时，如何生成 HTML 字符串？关键步骤有哪些？
围绕“Nuxt 4 在服务端渲染时，如何生成 HTML 字符串？关键步骤有哪些”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明服务器如何遍历路由并调用页面组件的 renderToString。
核心关键词Nuxt SSR 渲染流程 服务端生成 HTML - 0067
Alertmanager 中 silence、inhibition 与 routing tree 的职责边界是什么？
围绕“Alertmanager 中 silence、inhibition 与 routing tree 的职责边界是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确谁屏蔽通知、谁依赖关系去重、谁决定接收人。
核心关键词Alertmanager silence inhibition routing - 0068
OpenTelemetry Resource 中 service.name、service.namespace、deployment.environment 如何影响告警归属？
围绕“OpenTelemetry Resource 中 service.name、service.namespace、de”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分进程身份与部署环境路由。
核心关键词OpenTelemetry Resource 属性 服务标识 告警归属 - 0069
PostgreSQL 声明式分区相比旧的表继承加触发器方案有哪些实质改进？
围绕“PostgreSQL 声明式分区相比旧的表继承加触发器方案有哪些实质改进”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确路由由系统完成、计划期裁剪、分区维护 DDL 三方面的改进。
核心关键词PostgreSQL 声明式分区 vs 表继承 区别 - 0070
React 官方为什么把「在 useEffect 里获取服务器数据并存入 state」列为需要框架或路由层介入的场景?
围绕“React 官方为什么把「在 useEffect 里获取服务器数据并存入 state」列为需要框架或路由层介入的场景”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出缺少缓存去重、瀑布、竞态与生命周期耦合这些固有缺陷,不展开竞态修复代码。
核心关键词React useEffect 获取数据 缺陷 官方建议 - 0071
React 中判断一份客户端状态是否值得提升为全局共享状态的标准是什么?
围绕“React 中判断一份客户端状态是否值得提升为全局共享状态的标准是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出跨路由存活、多个互不相关子树共用、非 React 代码也要读写等判据,不讨论具体全局库。
核心关键词React 全局状态 局部状态 判断标准 - 0072
React 中父子组件各自在 effect 里请求数据会形成请求瀑布,官方建议的消除思路是什么?
围绕“React 中父子组件各自在 effect 里请求数据会形成请求瀑布,官方建议的消除思路是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出把请求上移到路由或服务端层并行发起、而非在渲染树中逐级触发,不展开竞态处理。
核心关键词React 请求瀑布 并行 获取数据 - 0073
React 中筛选条件、当前标签页这类 UI 状态,什么情况下应该放进 URL 而不是组件 state 或 Context?
围绕“React 中筛选条件、当前标签页这类 UI 状态,什么情况下应该放进 URL 而不是组件 state 或 Cont”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出需要刷新保留、可分享链接、前进后退可导航这三条放 URL 的判据及内存态的适用面,不展开路由库 API。
核心关键词React URL 状态 内存 state 可分享 - 0074
React 用 Effect 同步 document.title 时，为什么把 router 对象整个列依赖常导致标题被过度重置？
围绕“React 用 Effect 同步 document.title 时，为什么把 router 对象整个列依赖常导致标”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖判断时要说明真正响应式值是 title 文本/路径片段而非不稳定容器对象。
核心关键词React document.title Effect 依赖 router 对象 - 0075
React Effect 忘记清理订阅，路由切换后会出现什么问题？
通过重复进入页面的键盘监听示例，解释重复处理、旧闭包和资源残留的来源，展示同一函数引用与 capture 匹配的清理写法，并给出可验证的路由往返检查步骤。
核心关键词React useEffect 订阅清理内存泄漏 - 0076
action 中执行长时间异步任务（如文件上传）时，如何避免阻塞主线程？
围绕“action 中执行长时间异步任务（如文件上传）时，如何避免阻塞主线程”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过 background task + polling or redirect to status page，不能让 acti。
核心关键词action 长时间异步 文件上传 主线程阻塞 - 0077
action 中发生客户端无法处理的错误（如网络中断）时，如何正确提示用户？
围绕“action 中发生客户端无法处理的错误（如网络中断）时，如何正确提示用户”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过 throw new Error() 并在 error boundary 渲染，不能仅在 console 打印。
核心关键词action 客户端错误 网络中断 提示方案 - 0078
action 如何接收动态生成的表单字段（如 JSON 字符串或数组）？
围绕“action 如何接收动态生成的表单字段（如 JSON 字符串或数组）”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过 FormData 或 JSON.parse 处理，不能仅提 input name 固定。
核心关键词action 接收动态表单字段 数组字符串 - 0079
使用 action 处理表单提交时，如何确保用户在提交后仍能保留当前导航状态？
围绕“使用 action 处理表单提交时，如何确保用户在提交后仍能保留当前导航状态”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 action 通过返回 redirect / json / undefined 决定后续行为，不能只提 useNavigate。
核心关键词action 表单提交 保持导航状态 - 0080
action 如何处理 multipart/form-data 表单（如文件上传）？是否支持原生 file input？
围绕“action 如何处理 multipart/form-data 表单（如文件上传）？是否支持原生 file inpu”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明支持通过 formData API 接收，无需额外库，不能误认为需特殊配置。
核心关键词action multipart form-data 文件上传 原生 input - 0081
action 适合处理哪些类型的数据变更操作？与 loader 区别在哪？
围绕“action 适合处理哪些类型的数据变更操作？与 loader 区别在哪”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 action 用于写操作（如创建/更新），loader 用于读操作，不能混淆副作用。
核心关键词action mutation 与 loader query 区别 - 0082
action 中如何检查用户权限？是否可以在 action 内部拒绝请求并返回错误？
围绕“action 中如何检查用户权限？是否可以在 action 内部拒绝请求并返回错误”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明可在 action 内判断权限并抛出错误，不能仅靠前端路由守卫。
核心关键词action 权限检查 拒绝请求 返回错误 - 0083
action 中如何阻止表单默认提交行为？是否需要显式取消？
围绕“action 中如何阻止表单默认提交行为？是否需要显式取消”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 action 默认阻止，无需额外操作，不能误解为需 preventDefault。
核心关键词action 阻止表单默认提交 - 0084
action 重定向的目标路径是否支持动态生成？如何基于表单数据构建目标地址？
围绕“action 重定向的目标路径是否支持动态生成？如何基于表单数据构建目标地址”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过返回 redirect(new URL(...)) 动态构造，不能硬编码路径。
核心关键词action 动态重定向 目标路径构建 - 0085
action 返回不同的响应类型（如 redirect、json、null）时，对导航行为有何不同影响？
围绕“action 返回不同的响应类型（如 redirect、json、null）时，对导航行为有何不同影响”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分 redirect 触发跳转，json 用于客户端解析，null 保持当前页，不能混为一谈。
核心关键词action 响应类型 redirect json null 导航行为 - 0086
action 中执行服务器端表单验证失败后，如何向客户端返回具体错误信息并保持表单状态？
围绕“action 中执行服务器端表单验证失败后，如何向客户端返回具体错误信息并保持表单状态”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过返回 { error: '...' } 并保留原始表单数据，不能只提 useActionData。
核心关键词action 表单验证 服务器端错误 返回错误信息 - 0087
action 执行过程中，如何持久化用户会话状态以便后续页面使用？
围绕“action 执行过程中，如何持久化用户会话状态以便后续页面使用”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过 setCookie、localStorage、sessionStorage 保存，不能依赖内存变量。
核心关键词action 会话状态 持久化 下一页使用 - 0088
嵌套路由中，父路由的 loader 与子路由的 loader 之间如何传递数据？是否共享状态？
围绕“嵌套路由中，父路由的 loader 与子路由的 loader 之间如何传递数据？是否共享状态”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要解释 nested route loader 之间的数据依赖关系与独立性，不能混淆为组件状态或 context 传递。
核心关键词嵌套路由 父子 loader 数据传递 共享机制 - 0089
如何在 React Router v7 中自定义 error boundary 的样式与交互行为？
围绕“如何在 React Router v7 中自定义 error boundary 的样式与交互行为”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过 render custom component in error boundary，不能仅改 CSS。
核心关键词error boundary 自定义 样式 交互行为 - 0090
React Router 里的 error boundary 在组件卸载后还能正常工作吗？其生命周期如何？
围绕“React Router 里的 error boundary 在组件卸载后还能正常工作吗？其生命周期如何”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 error boundary 在整个路由树内有效，即使组件已卸载，不能认为失效。
核心关键词error boundary 卸载后工作 生命周期 - 0091
React Router 中 loader 与 action 如何协同处理数据加载和表单提交的错误边界？
围绕“React Router 中 loader 与 action 如何协同处理数据加载和表单提交的错误边界”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 loader/action 的错误如何被 error boundary 捕获并渲染，不能仅描述错误类型或通用异常处理。
核心关键词loader action 错误边界 共同处理数据异常 - 0092
React Router v7 中，如何实现 loader 的数据缓存以减少重复请求？
围绕“React Router v7 中，如何实现 loader 的数据缓存以减少重复请求”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过自定义 cache key + Context API 手动管理，不能依赖框架内置缓存。
核心关键词loader 缓存策略 数据缓存 重复请求 - 0093
能否根据特定条件（如用户权限变化）手动触发 loader 的重验证？如何实现？
围绕“能否根据特定条件（如用户权限变化）手动触发 loader 的重验证？如何实现”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过 reload() 函数主动调用，不能通过修改 URL 伪造条件。
核心关键词loader 条件重验证 手动触发依赖 - 0094
loader 返回的数据是否可以直接用于视图？若需转换，应在何处进行？
围绕“loader 返回的数据是否可以直接用于视图？若需转换，应在何处进行”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明应在组件内部转换，不能在 loader 内预处理，避免污染数据结构。
核心关键词loader 数据转换 视图使用 前处理 - 0095
首次加载页面时，loader 如何获取初始数据？是否会在组件挂载前运行？
围绕“首次加载页面时，loader 如何获取初始数据？是否会在组件挂载前运行”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 loader 在组件挂载前执行，且不依赖用户交互，不能误以为是事件驱动。
核心关键词loader 首次加载 初始数据 获取时机 - 0096
loader 能否只返回部分数据？如何在路由层级中实现渐进式加载？
围绕“loader 能否只返回部分数据？如何在路由层级中实现渐进式加载”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 loader 必须返回完整对象，不能拆分返回，需通过组件控制展示。
核心关键词loader 部分数据 渐进式加载 路由层级 - 0097
在 React Router v7 里，loader 的重验证（revalidation）策略如何影响数据更新时机？
围绕“在 React Router v7 里，loader 的重验证（revalidation）策略如何影响数据更新时机”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 load、reload、refetch 等触发机制与默认行为差异，不能泛化为‘自动更新’。
核心关键词loader 重验证策略 路由更新时机 - 0098
loader 使用 async/await 时，为何必须配合 Suspense？其作用机制是什么？
围绕“loader 使用 async/await 时，为何必须配合 Suspense？其作用机制是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 Suspense 用于等待异步数据，否则页面会冻结，不能仅提“防止白屏”。
核心关键词loader 异步数据 Suspense 机制 - 0099
loader 请求超时该如何处理？是否有内置超时机制？
围绕“loader 请求超时该如何处理？是否有内置超时机制”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明无内置超时，需手动封装 fetch + timeout 控制，不能依赖框架。
核心关键词loader 请求超时 处理方式 - 0100
在使用 React Router 时，如何保证用户在刷新页面后仍能恢复之前的导航状态？
围绕“在使用 React Router 时，如何保证用户在刷新页面后仍能恢复之前的导航状态”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过 loader / action 保存状态到 URL 或 localStorage，不能依赖浏览器历史栈。
核心关键词导航状态 恢复 刷新页面 保持状态