enter image description here
我把我的项目从react js项目部署到netlify，它无法从API获取数据，请问我现在该怎么办？
import React, { useState, useEffect } from "react";
import Bloglist from "./Bloglist";
import useFetch from './useFetch';
const Home = () => {
const {data: blogs, isPending ,error} = useFetch(' https://localhost:8000/blogs');
return (
<div className="home">
{error && <div>{error}</div> }
{ isPending && <div>Loading...</div> }
{blogs && <Bloglist blogs={blogs} title="All write-ups !!!" />}
</div>
);
}
export default Home;我已经尝试将本地主机地址从“http：//localhost：8000/blogs”更改为“https：//localhost：8000/blogs”，但仍然不起作用。
1条答案
按热度按时间guykilcj1#
1.确保API终结点正确：请仔细检查代码中使用的API终结点是否正确并且仍处于活动状态。您可以尝试在Web浏览器中访问该API终结点，以查看它是否正常工作。
1.检查Netlify日志：Netlify提供部署的详细日志，可帮助您识别可能发生的任何问题。您可以通过转到Netlify Jmeter 板中您的站点的“部署”选项卡来访问日志。
1.检查API的CORS设置：如果您尝试访问的API启用了CORS（跨源资源共享），则可能需要更新项目的CORS设置，以允许您的站点从API获取数据。您可以通过向API响应添加适当的标头来执行此操作。
1.检查项目的网络请求：如果您的项目使用fetch（）或类似的API发出网络请求，请确保使用正确的方法（例如GET、POST等）发出请求，并且以正确的格式发送任何所需的数据。
我希望这些建议能有所帮助！如果您仍然有问题，请提供更多关于您的项目和您尝试访问的API的详细信息，我将尽我所能进一步帮助您。