Fetch返回undefined - Express和React
问题：Fetch返回undefined - Express和React
答案： 在Express和React应用程序中，当使用Fetch进行网络请求时，可能会遇到返回undefined的情况。这通常是由于以下几个原因导致的：
- 服务器端未正确处理请求：在Express服务器端，确保正确设置路由和处理请求的中间件。确保在路由处理程序中使用正确的HTTP方法（GET、POST等），并在响应中发送正确的数据。
- 未正确处理响应：在React客户端，确保正确处理Fetch返回的响应。使用.then()方法来处理响应，并检查响应的状态码。如果状态码为200，则表示请求成功。如果状态码为其他值，则可能需要进一步处理错误。
- 跨域问题：在开发过程中，如果你的Express服务器和React客户端运行在不同的域名或端口上，可能会遇到跨域问题。在Express服务器端，你可以使用CORS（跨域资源共享）中间件来解决跨域问题。在React客户端，你可以使用代理服务器或在Fetch请求中设置mode为"cors"来处理跨域请求。
- 请求参数错误：确保在Fetch请求中正确设置请求参数。例如，如果你需要发送JSON数据，确保在请求头中设置Content-Type为"application/json"，并使用JSON.stringify()方法将数据转换为JSON字符串。
- 异步问题：在React中，Fetch是一个异步操作。确保在使用Fetch的组件中正确处理异步操作。你可以使用async/await或Promise来处理异步操作，并确保在等待Fetch响应之前不会继续执行其他代码。
总结： 当Fetch返回undefined时，需要检查服务器端和客户端的代码，确保正确处理请求和响应。同时，还需要注意跨域问题、请求参数错误和异步操作的处理。以下是一些相关的腾讯云产品和链接，可以帮助你更好地理解和解决这个问题：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，用于搭建和运行Express服务器端。 链接：https://cloud.tencent.com/product/cvm
- 腾讯云云开发（CloudBase）：提供无服务器云开发平台，用于快速构建和部署React应用程序。 链接：https://cloud.tencent.com/product/tcb
- 腾讯云API网关（API Gateway）：提供灵活、可扩展的API管理服务，用于管理和调度Express服务器端的API接口。 链接：https://cloud.tencent.com/product/apigateway
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和情况进行评估和决策。
相关·内容
我正在遵循条带教程(从条带)-但在post请求中从我的服务器返回了一个未定义的值。你能帮我找出我哪里搞砸了吗？ })
cons
浏览 37提问于2020-05-23得票数 0
我使用localhost:8080/site3路由在端口8080上创建了客户端： componentDidMount() { fetch('http://localhost= require("exp
浏览 4提问于2019-12-09得票数 3
回答已采纳
当使用react本机导航创建堆栈导航器时，无论我使用何种方法导出和导入组件以传递到<Stacks.creen/>，它似乎都会抛出以下错误。This can happen if you passed 'undefined'.在看到这个堆栈跟踪之后，我执行了一个console.log()操作，并传入组件，以查看是否返回了undefined。情况不是这样的。": "^4.17.1",
"express-v
浏览 8提问于2020-10-31得票数 1
回答已采纳
3回答
index.jsimport ReactDOM from "react-dom"; </BrowserRouter>
document.getElementById("root")在此之后，我创建了Main.js，在这里我为导航和PLPMenu在Main.js中，我
浏览 5提问于2018-09-26得票数 1
回答已采纳
我正在尝试创建一个简单的组件，与Coffeescript和Node进行交互。但是，它不断地返回此错误：这是我的密码：express= require('express')React = require
浏览 3提问于2016-07-04得票数 4
回答已采纳
2回答
我正在开发一个非常简单的应用程序(我的第一个)，但是我不知道如何同时启动API和react服务器.我已经在谷歌上搜索过了，但我似乎能找到关于这一点的任何东西(既没有证实也没有反驳)。
有人对此有意见吗？
浏览 5提问于2017-11-17得票数 4
回答已采纳
我正在为我的React/Express应用程序实现服务器端呈现--这个应用程序实际上是按需要工作的，但我在服务器上收到了一个与match()和RouterContext相关的警告，我想了解并解决这些问题const express = require('express')const app = express()
const React = require
浏览 4提问于2017-07-07得票数 0
回答已采纳
@undefinednpm WARN npm WARN Found: eslint-plugin-react-hooks@undefinedn
浏览 1927提问于2021-05-10得票数 0
回答已采纳
在express users.js文件中： fetch('https://www.somwhere.com/usersthen(res => res.json())});
在我使用的React应用程序的App.js文件中
compon
浏览 0提问于2020-01-25得票数 0
这是当前的代码，当我加载列表页面时，它会说“找不到列表项”，然后从后端api加载这些项，并显示这些项(上面的消息显示) this.getList(); getList = () => {
fetch</
浏览 2提问于2019-11-08得票数 0
回答已采纳
问题是myGlobalData是unDefined。var http = require("http");varapp = exp
浏览 1提问于2018-05-17得票数 0
我在React应用程序中调用Node/Express中的API，无论我将fetch/axios调用放在哪里，我的解析主体在我的控制器中都显示为未定义。console.log()语句都会触发，所以路由没有问题，并且当我将查询文件配置为只随机发送资源时，忽略按主体字段搜索的预期逻辑，一切都会正常返回。但是fetch和axios都会为req.body和其中的任何属性生成undefined值。但是对有问题的对象调用Object.keys()
浏览 9提问于2019-02-21得票数 0
1回答
我在我的react应用程序中将代理添加到package.json中，我已经在3001端口上启动并运行了代理服务器--我可以用我的浏览器点击它。 "react-scripts": "1.0.14" "scripts": {
"start": "r
浏览 1提问于2017-11-30得票数 1
2回答
我试图将我的react.js前端连接到后端的express.js服务器，但是我得到了这个错误。Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0我在package.json中为react"proxy": "http://localhost:3001",const express</
浏览 0提问于2021-07-22得票数 0
2回答
我在react应用程序上从我的express后端收到一个JSON对象，但我不知道如何访问它的属性。我需要读取用户名字段。因为我已经在react状态下保存了JSON对象，所以我尝试了this.state.datos.username (返回undefined)和this.state.datos[0].username (返回"cannot read property of undefined“错误)。这是来自express的g
浏览 0提问于2019-05-02得票数 1
这是来自express后端和MongoDB数据库的路由代码，以及来自前端的正常调用，使用fetch("/")，它返回index.html代码，添加fetch("http://localhost:9000")时，它返回CORS错误，所以我添加了app.use(cors())。res.send("Something went wrong"); res.json(journals);
浏览 17提问于2021-10-31得票数 0
回答已采纳
目前我正在寻找解决方案发送/接收base64数据从Express server到我的React app.快速服务器读取图像，转换为base64，然后为发送到客户端react-app.的byteArraybase64.toByteArray(buffer); res.end(undefinedbinary'); r
浏览 16提问于2017-06-21得票数 0
123", "report":{ "anothervalue": "123我有在端口3001上运行的react应用程序const express = require("express")
const bodyParser = require("
浏览 0提问于2020-12-07得票数 0
我是react、nodejs和全栈开发的新手。我正在尝试在nodejs/react/mysql中创建一个登录页面。现在，我只是试着做主登录页面的get请求。我想我正在努力将前端、后端和时刻连接起来。Nodejs app.js：const bodyparser = require('body-parser');
const corscode/<em
浏览 3提问于2020-11-23得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
