FastAPI（38）- 模拟一个跨域场景

小菠萝测试笔记

发布于 2021-10-09 11:36:32

7530

发布于 2021-10-09 11:36:32

文章被收录于专栏：自动化、性能测试

同源策略

https://cloud.tencent.com/developer/article/1884129

CORS

https://cloud.tencent.com/developer/article/1884130

需要先了解什么是同源策略和 CORS 才能更好看懂这篇文章

目录结构

— root/
|
|—static/
|    |
|    |—jquery.min.js
|
|— cors_client.py
|— cors_server.py
|

cors_client.py 代码

主要模拟客户端

前提

为了使用

from fastapi.staticfiles import StaticFiles

需要先安装 aipfiles

pip install aiofiles

静态资源文件的使用教程后面再写

实际代码

#!usr/bin/env python
# -*- coding:utf-8 _*-
"""
# author: 小菠萝测试笔记
# blog:  https://www.cnblogs.com/poloyy/
# time: 2021/9/28 12:58 下午
# file: 33_cors.py
"""
import uvicorn
from fastapi.responses import HTMLResponse
from fastapi import FastAPI
from fastapi.staticfiles import StaticFiles

app = FastAPI()

# 绑定静态资源文件夹（后面详解）
app.mount("/static", StaticFiles(directory="static"), name="static")


@app.get("/")
def get_login():
    # 返回一段 HTML 代码
    html = """
        <!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>Title</title>
            <script src="/static/jquery.min.js"></script>
        </head>
        <body>
            <script>
                $.ajax({
                    url:"http://127.0.0.1:8080/login",
                    type:"POST",
                    data:JSON.stringify({
                        "id":1,
                        "name":"小菠萝"
                    }),
                    contentType:"application/json",
                    success:function (rsp) {
                        console.log(rsp)
                    }
                })
            </script>
        </body>
        </html>
    """
    return HTMLResponse(html)


if __name__ == '__main__':
    # 客户端是 8081 端口！
    uvicorn.run(app="33_cors:app", reload=True, host="127.0.0.1", port=8081)

那段 ajax 代码就是模拟跨域请求服务端，服务端域名虽然也是 127.0.0.1，但端口是 8081，是一个跨域请求

cors_server.py 代码

主要模拟服务端

#!usr/bin/env python
# -*- coding:utf-8 _*-
"""
# author: 小菠萝测试笔记
# blog:  https://www.cnblogs.com/poloyy/
# time: 2021/9/28 12:58 下午
# file: 33_cors.py
"""
import uvicorn
from fastapi import FastAPI, Body

app = FastAPI()


# 模拟服务端 登录 接口
@app.post("/login")
def get_login(id: str = Body(...), name: str = Body(...)):
    return {"id": id, "name": name}


if __name__ == '__main__':
    # 服务端端口是 8080！
    uvicorn.run(app="33_cors1:app", reload=True, host="0.0.0.0", port=8080)