Mengapa Apl Reaksi Saya Tidak Memaparkan Respons POST daripada FastAPI?

React Not Displaying POST Response from FastAPI Backend

Dalam aplikasi berasaskan React, isu boleh timbul apabila mengambil data daripada backend FastAPI dan memaparkan ia pada antara muka pengguna. Masalah biasa ialah data tidak ditunjukkan pada bahagian hadapan, walaupun telah berjaya diambil daripada pelayan.

Untuk menyelesaikan isu ini, anda perlu mendayakan Perkongsian Sumber Silang (CORS) dalam aplikasi FastAPI anda . CORS membenarkan permintaan daripada asal yang berbeza (cth., domain aplikasi React anda) untuk berinteraksi dengan pelayan bahagian belakang.

Penyelesaian:

Konfigurasikan perisian tengah CORS dalam apl FastAPI anda untuk membenarkan permintaan silang asal. Kelas CORSMiddleware dalam FastAPI boleh digunakan untuk menyediakan pengepala CORS. Berikut ialah contoh:

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

app = FastAPI()

# Set allowed origins (e.g., your React application's domain)
origins = ["http://localhost:3000"]

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

Konfigurasi ini membenarkan permintaan daripada asal yang ditentukan, membolehkan aplikasi React anda mengakses data daripada pelayan bahagian belakang.

Maklumat Tambahan:

• Fahami konsep asal: Gabungan unik protokol, domain dan port.
• Rujuk dokumentasi FastAPI untuk mendapatkan butiran lanjut tentang perisian tengah CORS.
• Pastikan bahawa kod yang anda berikan untuk mengambil dan memaparkan data dari bahagian belakang berfungsi dengan betul.

Atas ialah kandungan terperinci Mengapa Apl Reaksi Saya Tidak Memaparkan Respons POST daripada FastAPI?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!