13-08 连接独立前端

本章题解 · 全部练习

题目

用上一章学过的 CORS 配置允许一个明确来源，前端主动添加 Bearer 头，观察 OPTIONS、真实请求和另一个来源的读取结果。

推导与做法

独立前端把 Bearer 头主动加到请求中，因此预检声明 authorization。CORSMiddleware 只允许 http://localhost:5173，另一个端口不在列表中。

允许来源的 OPTIONS 通过，真实响应带 Allow-Origin；另一来源的预检被拒，响应不授予读取许可。读取限制与 API 身份检查各自生效，改成 CORS 允许不能让缺少令牌的请求变成已登录。

过程图

实现与运行

查看带注释实现。本题与相关处理函数放在同一章节代码文件中；启动工具负责定位相邻项目和选择题号。

在配套目录的 FastAPI/api_project 中运行。先按项目 README 执行 uv sync --locked。

# 使用项目解释器运行本题，题号决定执行哪一组演示。
uv run python "../../学习索引/参考实现/代码/ch13.py" 13-08

程序按题号输出处理后的值、查询结果或状态。先和前面的手算比较，再修改一项输入重跑。

# 与上面的手算状态和题目数值逐项比较。
{
  "http://localhost:5173": {
    "OPTIONS": 200,
    "GET": 200,
    "read_allowed": true
  },
  "http://localhost:5174": {
    "OPTIONS": 400,
    "GET": 200,
    "read_allowed": false
  }
}