Django（rest_framework）で作成したAPIをReactで取得できない（axios）

Question

Django（rest_framework）で作成したAPIをReactで取得できません。
（Reactではaxiosを利用中）

APIが取得できているか、Reactで作成したホストのでペロッパーツールで確認をすると以下の通り２つのエラーが表示されます。

①エラー１つめ
GET http://localhost:8000/api/questions net::ERR_CONNECTION_REFUSED

②エラー２つめ
Uncaught (in promise) Error: Network Error
at createError (createError.js:16)
at XMLHttpRequest.handleError (xhr.js:84)

DjangoとReactで以下の通りコードを記載していますが、不足や誤りがありましたらご教示のほどよろしくお願い申し上げます。

(Django:settings.py)

INSTALLED_APPS = [
    'rest_framework', #APIを作る
    'corsheaders', #ホスト間でdjangoのホストへアクセスできるようにする
]

MIDDLEWARE = [    
    'corsheaders.middleware.CorsMiddleware',
    'django.middleware.common.CommonMiddleware',
]


CORS_ORIGIN_WHITELIST = [
    'http://localhost:3000',
    'http://localhost:3000',
    'http://127.0.0.1:3000',
    'http://127.0.0.1:3000',
]

#レスポンスを公開？
CORS_ALLOW_CREDENTIALS = True

APIのURLは以下の通りです。
ターミナルでは無事APIの値を取得できています。
http://127.0.0.1:8000/api/questions/

続いてReactのコードです。

import axios from "axios";

//DjangoのAPIを取得してデベロッパーツールに表示させる
const Form = () => {
    const getApi = (e) => {
        e.preventDefault();
        axios.get("http://localhost:8000/api/questions").then(res => console.log(res))
    }
    return(
        <form>
            <button type="submit" onClick={getApi}>Get API !</button>
        </form>
    );
}

export default Form;

分かりづらい説明で恐れ入りますが、よろしくお願い申し上げます。