location / 能兜底是因为其优先级最低，仅在无=、^~或正则匹配成功时才生效，且必须置于所有具体规则之后，匹配所有以/开头的uri作为默认fallback。
在前端路由（如 Vue Router、React Router）或 Nginx 等服务端配置中，用 location / 实现兜底，本质是匹配所有未被更具体规则捕获的请求。但要注意：它不是“自动兜底”，而是依赖**匹配优先级**和**路径匹配逻辑**——斜杠 / 是最宽泛的前缀匹配，因此必须放在规则列表的最后，否则会提前截断其他路由。
Vue Router 中用 path: "/" 做兜底需谨慎
Vue Router 的 path: "/" 默认只匹配根路径 /，不是“所有剩余路径”。要实现真正兜底，应使用通配符：
- 写成
{ path: "/:pathMatch(.*)*", name: "NotFound", component: NotFound }（Vue Router 4+） - 或旧版写法
{ path: "*", component: NotFound } - 确保该路由定义在路由数组末尾，避免被前面的
/user、/admin等规则拦截后还剩漏网之鱼
Nginx 中 location / 是天然兜底，但有前提
Nginx 的 location / 确实会匹配所有请求，但它优先级最低（因为是最短前缀）。只要上面没定义更长的前缀（如 location /api、location /static），它就会生效：
- ✅ 正确顺序：
location /api { ... }→location /static { ... }→location / { try_files $uri $uri/ /index.html; } - ❌ 错误顺序：把
location / { ... }写在最前，会导致所有请求都被它吃掉，/api根本不生效 - 常用兜底动作是
try_files $uri $uri/ /index.html，让前端路由接管 404（适合 SPA）
Express/Koa 等 Node 框架中的等效写法
这些框架靠中间件顺序实现兜底，app.use("/", handler) 并不兜底，真正有效的是：
- 将兜底路由注册在所有
app.get("/xxx")之后 - 使用通配符：例如
app.use("*", (req, res) => res.sendFile("index.html")) - 注意：如果用了
router.use()，也要确保兜底路由是最后一个use调用
关键提醒：兜底 ≠ 忽略 404 语义
对真实不存在的资源（如图片、API 接口）做兜底可能掩盖错误。建议区分场景：
- 静态资源（
.js、.css、.png）应单独配置location或中间件，直接返回 404 - 前端路由兜底只针对 HTML 页面路径（即用户可能输入的 URL），不应对
/api/xxx或/assets/xxx.png生效 - 可在兜底逻辑里加简单路径判断，比如跳过以
/api、/static、/favicon开头的请求
