バックエンドに『FastAPI』、フロントエンドに『Vue.js』を用いて開発する際の『CORS』対策

バックエンドに『FastAPI』、フロントエンドに『Vue.js』を用いてWebアプリを開発する際、
それぞれローカルサーバーを立ち上げ、『Vue.js』から『FastAPI』にAPIをたたくと『CORS』エラーがでます。
これを回避するため、『FastAPI』のコードに下記を追記します。

from starlette.middleware.cors import CORSMiddleware

origins = ["http://localhost:8080"]
app.add_middleware(
    CORSMiddleware,
    allow_origins=origins,
    allow_credentials=True,
    allow_methods=["*"],
    allow_headers=["*"],
)

『Vue.js』のローカルサーバーは、デフォルトで"http://localhost:8080"ですので、
これを開放します。