Axios+Node.js+React环境下Fetch请求超时失败问题求助
Fetch请求超时失败排查求助
我的Fetch请求耗时过长最终失败,已在Chrome、Edge和Postman中测试;其他直接调用Pixabay API的Fetch请求可正常工作,对比过往项目代码未发现异常,按指引在package.json中添加代理后也无效。以下是相关代码片段:
控制器代码
import axios from 'axios' export const getAll = async () =>{ const response = await axios.get('https://pixabay.com/api/?key=25540812-faf2b76d586c1787d2dd02736') .then(resp=>resp) .catch(err=>console.log(err)); return response; }
路由代码
import express from "express"; import * as homeController from '../controllers/home.controller.js' const homeRouter = express.Router(); homeRouter.get('/all', homeController.getAll) export default homeRouter
入口文件代码
import express from "express" import dotenv from "dotenv" import homeRouter from './routers/home.router.js' dotenv.config(); const PORT = 3000 //process.env.PORT console.log(PORT); const app = express(); app.use(express.json()); app.use(homeRouter) app.listen(PORT, ()=>{console.log(`server is connected on port ${PORT}`)})
前端Fetch代码
const getAll = async()=>{ try { const response = await fetch (`http://localhost:3000/all`) console.log("hu"); if (!response.ok) { throw new Error(); } else{ console.log("ok"); } const responseObj = await response.json(); console.log(responseObj); } catch (error) { console.log(error); } } useEffect(()=>{ getAll(); },[])
内容的提问来源于stack exchange,提问作者Omri Azran
相关产品推荐
相关产品推荐

