如何在FastAPI中启用CORS?

我试图在这个非常基本的 FastAPI 示例中启用 CORS,但它似乎不起作用。

from fastapi import FastAPI
from fastapi.middleware.cors import CORSMiddleware


app = FastAPI()

app.add_middleware(
    CORSMiddleware,
    allow_origins=['*']
)

@app.get('/')
def read_main():
    return {'message': 'Hello World!'}

这是我得到的回应:

curl -v http://127.0.0.1:8000
*   Trying 127.0.0.1...
* TCP_NODELAY set
* Connected to 127.0.0.1 (127.0.0.1) port 8000 (#0)
> GET / HTTP/1.1
> Host: 127.0.0.1:8000
> User-Agent: curl/7.64.1
> Accept: */*
>
< HTTP/1.1 200 OK
< date: Fri, 08 Jan 2021 19:27:37 GMT
< server: uvicorn
< content-length: 26
< content-type: application/json
<
* Connection #0 to host 127.0.0.1 left intact
{"message":"Hello World!"}*

回答

您可以从中找到答案:fastapi cors

那么这是一个非常简单的代码来实现它:

  1. 创建一个 python 文件并将其命名为main.py.

  2. 在此文件中添加代码。

from fastapi import FastAPI
from fastapi.middleware.cors import CORSMiddleware

app = FastAPI()

origins = ["*"]

app.add_middleware(
    CORSMiddleware,
    allow_origins=origins,
    allow_credentials=True,
    allow_methods=["*"],
    allow_headers=["*"],
)


@app.get("/")
async def main():
    return {"message": "Hello World"}

并运行这个应用程序:

uvicorn main:app  --reload --host 0.0.0.0 --port 8000

如果你的电脑ip是192.12.12.12

你可以查看这个链接,然后用 html 写一个小的 javascript:

<script>
        fetch("http://192.12.12.12:8000/").then((Response) => {
            return Response.json()
        }).then((data) => {
            console.log(data);
        })
    </script>


以上是如何在FastAPI中启用CORS?的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>