axios.get("http://localhost:8000/api/books/") .then(response=>{ console.log("status:",response.status) console.log("axiosGetData:",response.data) }) .catch(err=>{ console.log("axiosGetErr",err) }) サーバーサイドを起動した状態で、クライアントサイドを実行してみてください chromeの開発者モードでコンソールを開いてクライアントサイドのログを確認してみると Access to XMLHttpRequest at 'http://localhost:8000/api/books/' from origin 'http://localhost:3000' has been blocked by COR