单页应用
Single Page Application
前端工程也叫:SPA、单页面应用、客户端渲染、CSR
一句话:只加载一次页面外壳,之后切换页面都由浏览器里的 JavaScript 完成、不整页刷新的网站形式。
详细解释
传统网站每点一个链接,服务器就发来一整张新页面;SPA 更像一个 App:第一次打开时下载外壳和 JavaScript,之后切页面都是 JavaScript 在浏览器里替换内容、按需请求数据,体验更顺滑。用 Vite 创建的 React、Vue 项目默认就是 SPA。
代价是首次打开要先下载并执行 JavaScript 才能看到内容,首屏可能偏慢;搜索引擎抓到的初始 HTML 几乎是空的,不利于 SEO。
三者区分:SPA 在浏览器里生成页面;SSR 每次访问由服务器生成完整 HTML;SSG 在构建时提前生成好 HTML。后台管理系统、工具类应用适合 SPA,官网、博客更适合 SSG 或 SSR。
怎么跟 AI 说
可以直接贴给 Cursor、Claude Code 等工具,把里面的业务内容换成你自己的。
这是用 Vite 搭的 React 单页应用,部署到服务器后,直接访问或刷新 /dashboard 页面会显示 404。请说明原因,并给出对应的服务器回退配置,让所有页面路径都返回 index.html。