React -我看不到来自fetch post的响应
React是一个用于构建用户界面的JavaScript库。它通过组件化的方式，将用户界面拆分成独立且可复用的部分，使得开发者可以更加高效地构建交互式的Web应用程序。
对于你提到的问题，无法看到来自fetch post的响应可能是由于以下几个原因：
- 网络连接问题：首先需要确保你的网络连接正常，可以尝试访问其他网站或使用其他网络进行测试。
- 请求配置问题：在使用fetch进行POST请求时，需要确保请求的URL、请求方法、请求头、请求体等参数正确设置。可以使用开发者工具查看请求是否正确发送。
- 服务器响应问题：如果请求已经正确发送，但仍然无法看到响应，可能是服务器端没有正确处理请求或者返回了错误的响应。可以检查服务器端的代码逻辑或者与后端开发人员进行沟通。
- 异步处理问题：fetch是一个异步操作，需要使用Promise或async/await等方式进行处理。确保你正确处理了fetch返回的Promise对象，并在其上添加了适当的回调函数。
针对React开发中的网络请求，腾讯云提供了一系列的云服务产品，如腾讯云API网关、腾讯云函数计算等，可以帮助开发者更好地管理和调用后端接口。你可以参考以下链接了解更多关于腾讯云相关产品和产品介绍：
- 腾讯云API网关：提供了一站式API接入、管理和调用的服务，可以帮助开发者更好地管理和控制API请求。详情请参考：腾讯云API网关
- 腾讯云函数计算：是一种无服务器计算服务，可以帮助开发者在云端运行代码，无需关心服务器的配置和管理。详情请参考：腾讯云函数计算
希望以上信息能对你有所帮助！如果还有其他问题，请随时提问。
相关·内容
1回答
import React,{useState, useEffect, useRef} from 'react';
import { makeStyles } from '@material-ui/core/styles';
import PostCard from './PostCard'
const useStyles = makeStyles((theme) => ({
CardContainer: {
display: "block"
},
}));
export default
浏览 26提问于2021-05-02得票数 1
回答已采纳
您好，我正在尝试从spring boot向react-native发回一个控制器调用的响应。我看不到其中的响应体。 所有我能够捕获的是状态码200或400等，我附上了反应原生chrome调试器的截图。 我需要在react-native中捕获消息，任何帮助都是非常感谢的。 React-native代码： const signUpApi = (data) =>{
fetch('localhost:8080/v1/users',{
method: 'POST',
headers: new Headers({
'Con
浏览 14提问于2021-08-03得票数 0
我已经做了一个基本的节点/express服务器，并且有一个处理表单数据提交的路由(我使用react)，post请求是使用异步/等待和fetch api处理的。我不确定是我的服务器端路由出了问题，还是我用async/await fetch实现了post请求。但是，服务器确实接收到了表单数据，只是没有返回响应。 我的代码： 节点/快速路由 router.post('/add', function (req, res) {
console.log(req.body);
res.json({success : "Updated Successfully"
浏览 36提问于2019-01-25得票数 0
为了证明我的问题，我做了一个简单的例子
import React, { useEffect } from 'react';
function App() {
useEffect(() => {
fetch('/get')
.then((response) => response.json())
.then((data) => console.log(data));
}, []);
useEffect(() => {
fetch('/post', {
浏览 2提问于2021-01-08得票数 3
回答已采纳
所以我在8080端口上运行。港口转发已经建立，并已开始工作。
每次我输入我的非ip域时，我都会在屏幕上得到响应，但是当我从我的网站发出请求时，它会将请求记录在Raspberry上，但是在Chrome开发工具中看不到响应。
我还收到以下错误消息: POST“名称api”net::ERR_EMPTY_RESPONSE
是什么原因造成的？当我在本地运行api时，我的路线运行得很好。
module.exports = function(app) {
app.get('/', requireAuth, function(req, res) {
res.send({ messa
浏览 6提问于2017-07-12得票数 0
1回答
获取api数据并将其放入表中
、、、、
我试图获取api数据并将其放入表中，现在我使用的是模拟数据useEffect(() => { getPosts(channel); }, []);can，所以我可以编写成功的操作和还原器。it.providing 现在我可以调用api .，但是在网络调用中，我看不到api中的响应和被阻塞的响应内容状态。我使用的是react钩子来进行反应和还原。< code >H 111</code>这就是我要让api调用it.providing的地方，您告诉我如何在下面修复it.providing我的代码片段和沙箱。<code>H 217</code>&l
浏览 2提问于2019-10-11得票数 1
回答已采纳
我已经设法将电子邮件和密码硬编码到fetch请求中，但我想从表单中获取这些值。 另外，当我得到响应时，我如何检查响应代码是200还是400？ import React, { useState } from 'react';
import loading from '../images/loading.svg';
const ButtonSpinner: React.FC = () => {
const [state, setState] = useState({loading: false});
async function submitForm()
浏览 39提问于2019-09-03得票数 3
回答已采纳
我使用react-native fetch-blob库将文件提取到应用程序中。下面是实现的代码：
RNFetchBlob.config(platformConfig).fetch('GET', url).then((res) => {
console.log('---->', res)
if (Platform.OS=='android') {
return `file://${res.path()}`;
} else {
return res.path();
}
浏览 1提问于2018-06-15得票数 2
2回答
我使用jquery post进行分页。django接收post请求并发出响应。
问题是我看不到浏览器中显示的响应。
这是我正在使用的js：
$.ajax({
type:"POST",
url:"/company/sort/",
data: {
'type': type,
'page': page
},
});
如何显示来自django的响应？
浏览 0提问于2013-01-03得票数 0
回答已采纳
我试图使用react从Django API获取响应，但我传递的键值对在响应中不可见。 React获取代码 handleClick(i) {
.
.
.
if (i != '=') {
.
.
}
else {
// CODE TO FETCH FROM DJANGO API
fetch('http://127.0.0.1:8000/solve/', {
浏览 9提问于2019-12-25得票数 1
回答已采纳
我正在制作一个演示react-redux应用程序，用于对redux的基本了解，它的服务器是在nodeJS上制作的。我已经创建了一个简单的表单，该表单被提交，服务器响应为res.send('FORM SAVED')。在前端，我发出了post请求，但是看不到返回的响应，无论是成功响应。
我的服务器控制器，它在保存表单详细信息时响应。
export const postData = (req, res) => {
let p = new PostData();
p.name = req.body.name;
p.emp_id = req.body.emp
浏览 0提问于2018-06-27得票数 0
2回答
你好，我正在尝试连接React-使用Fetch与Node.js原生--我尝试了许多解决方案--我尝试了我的IP地址、本地主机和10.0.2.2 --但是没有什么工作--我没有得到任何响应，但是当我稍微更改代码时，它会给我network failed request错误。
React本机代码：
//Sending Request to Node.js using Fetch API
await fetch("http://10.0.2.2:3000/studentSignup", {
//Setting Method
浏览 4提问于2021-12-12得票数 1
回答已采纳
如何从fetch响应解析html页面？我检查了异步语法和常规承诺语法，但似乎没有编译：
const fetch = require('node-fetch'); var DOMParser = require('react-native-html-parser').DOMParser;
function getbooks() {
fetch('https://github.github.io/fetch/').then(function(response) {
if (response) {
return response
浏览 0提问于2019-02-08得票数 0
我正在尝试创建一个Fetch组件，它应该发送一个返回响应内容的POST请求。我的问题是如何在App组件中获取结果数据。我在chrome中得到了一个错误，如下所示：
下面是我的js代码：
import React, {Component} from 'react';
import Request from 'react-http-request';
class Fetch extends React.Component {
constructor() {
super();
this.state = {postRe
浏览 0提问于2017-08-24得票数 0
我在React中使用了以下操作，
export const fetchReminders = () => dispatch => {
fetch(serverroute + 'reminders/', {
headers: {
'Authorization': 'Basic ' + userCredential
}
})
.then(res => res.json())
.then(reminders => dispa
浏览 1提问于2018-05-13得票数 0
我遵循react教程，并尝试显示帖子。我从获得帖子数据。它返回的响应如下：
import React from 'react';
import { connect } from 'react-redux';
import { fetchPost } from '../actions'
class PostList extends React.Component{
componentDidMount(){
this.props.fetchPost();
}
renderList(){
浏览 0提问于2019-12-19得票数 2
回答已采纳
1回答
我正在做一个react-native项目，在这个项目中我必须显示实时新闻。为了从新闻资源中获取数据，我使用了newsAPI，它提供了一个JSON对象作为响应。根据newsapi.org文档，示例响应看起来像。
我使用fetch()方法将响应读取到变量"resp“中。我尝试使用resp.totalResults访问参数totalResults，但得到一个空字符串。
请注意:无法连接到日志的远程调试器。无法确定响应是什么样子的。
已尝试：
(1)使用alert()方法打印响应，但只接收对象对象
(2)解析出现“意外令牌”错误的响应。
"dependencies":
浏览 0提问于2018-03-24得票数 0
1回答
我将React与Wordpress REST API一起使用。我遇到的问题是，当根App组件上的slug属性发生变化并获取异步数据时，我似乎无法理解如何(正确地)使用组件生命周期来更新Post组件。
按照我目前的设置方式，App组件状态如下所示：
this.state = {
pages: this.getPages(),
slug: this.getSlug(),
homePage: this.fetchPost('home'),
};
因此，pages属性是一个promise，应用程序组件最初呈现一个微调器组件。最终，异步调用收到响应。我在post对象数组
浏览 0提问于2019-01-13得票数 0
我有一个非常奇怪的问题，当我发布到我的PHP文件时，它返回一个404状态码，而当我执行GET请求时，它会给我一个200的状态码。我用XMLHttpRequest，Fetch，Axios和jquery尝试了我的请求，但都给出了相同的响应。我做错了什么？
这些是我的ajax请求。
const body = { firstName: 'Fred',lastName: 'Flintstone' };
const handleSubmit = async (e) => {
e.preventDefault()
fetch(`ajaxHandler.php`)
.th
浏览 18提问于2020-02-25得票数 0
我已经创建了一个react应用程序，可以在表单中获取图片文件和其他一些输入，并使用fetch "post“将它们发送到API。一切都很好，api完成了它的工作并返回正确的响应，如alert函数所示。但是，获取完成后，页面会立即自动刷新。我想在fetch之后重定向到另一个带有响应数据的页面，但由于这个问题，它返回到表单页面。下面是我的代码： export default function Miyuki() {
const { register, handleSubmit } = useForm()
const onSubmit = async (data) =>
浏览 55提问于2021-07-05得票数 1
回答已采纳
3回答
我在服务器端使用express，并使用fetch从客户端向服务器发出一个post请求。
我提交给服务器的数据正在发送和显示。来自服务器响应的数据在客户端的任何地方都看不到。
以下是服务器端的代码：
app.post('/info',
ensureAuthenticated, function(req,res){
console.log(req.body)
var tryFetch = {myString: 'I am working fetch'};
res.setHeader('Content-Type', 'app
浏览 3提问于2020-04-24得票数 2
回答已采纳
我使用react本机fetch向graphql服务器端点发出带有graphql数据的post http请求。当启动graphql服务器并在我的react本地应用程序中用POST调用fetch时，我得到以下错误：
TypeError: XMLHttpRequest在响应本地应用程序时出现网络请求失败
请求代码
let graphqlServer = config.graphQLServerUrl;
const graphQLFetcher = (graphQLParams, requestType, token) => {
let body = null; //earlier i used
浏览 1提问于2017-01-05得票数 2
我有一个Rails服务器，并且我正在尝试从React客户端发出一个fetch请求。我希望每次有新的评论时都能得到帖子的评论。
posts_controller.rb
# GET /post/1
# GET /post/1.json
def show
@post = Post.kept.friendly.find(params[:id])
@comments = @post.comments.kept.order(created_at: :desc)
end
我的React组件
useEffect(() => {
fetch('/post
浏览 0提问于2020-09-10得票数 0
1回答
我正在构建一个SignUp表单，并使用以下API调用来发布该表单：
const request = new Request('http://localhost:4300/auth/', {
method: 'POST',
headers: new Headers({
'Accept' : 'application/json',
'Content-Type' : 'application/json',
}),
body: JSON.stringify({ user: d
浏览 90提问于2017-07-02得票数 3
回答已采纳
我正在发布到我的API，在那里它应该返回一个响应，没有任何东西记录到控制台。
我有以下代码：
import React, {useState} from "react"
import axios from 'axios';
const conn = axios.create({
baseURL: 'https://myurl.com',
headers: {
'Content-Type': 'application/json'
}
});
const Login = () => {
浏览 0提问于2020-12-03得票数 0
1回答
{
"success":true,
"result":{
"sessionName":"2a7777703f6f219d"
"userId":"19x1"
"version":"0.22"
}
};
fetch('https://myapi/api', {
method: 'POST',
headers: {
'Accept': 'a
浏览 4提问于2017-06-09得票数 0
1回答
我在通过fetch和react-native- image -picker上传图像到multer和express js后端时遇到了很大的麻烦。
下面是我的react原生代码。
try {
const data = new FormData();
data.append('image', {
name: photo.fileName,
type: photo.type,
uri:
Platform.OS === 'android' ? photo.uri : photo.uri.replace('file://
浏览 0提问于2020-03-19得票数 2
我只是一个刚开始学习React/Redux的新手，它非常cool.But一些函数不被es6 standard.Yes支持我看到了很多替代的方法但是我不能得到它(使用高阶函数).Any帮助将混合添加到我的React es6代码中
import React from 'react';
import Fetch from 'whatwg-fetch';
import jwt from 'jwt-simple';
import Reflux from 'reflux';
const secret = &
浏览 0提问于2016-09-08得票数 1
回答已采纳
2回答
我正在使用一个react应用程序上的get请求来运行一个函数，到目前为止，它只是在我的烧瓶api中“打印”数据。我可以到达端点，并收到一个“响应”，但我不知道如何将JSON数据附加到烧瓶提供的响应。
PS:是否需要将这些JSON数据发布到数据库中，然后将其从我的应用程序中撤回？或者我可以做我想做的事情，这就是简单地运行GET请求，让它生成JSON，然后将它发送回GET响应中的。
瓶API (views.py)
@main.route('/add_post')
def add_post():
temparray = []
*code that pushes jso
浏览 1提问于2021-05-17得票数 0
4回答
我使用React js中的fetch api将请求发送到后端服务器。
const formData = new FormData();
formData.append("image", file);
formData.append("userId", currentUser.id);
formData.append("sliderNumber", sliderNumber);
const myHeaders = new Headers();
myHeaders.append("Content-Ty
浏览 0提问于2020-04-24得票数 0
回答已采纳
我是新的Reactjs，我使用fetch for api调用。我想用其他页面上的api数据重定向页面，因为我使用下面的代码
import React, { Component } from 'react';
import OwlCarousel from 'react-owl-carousel';
import 'owl.carousel/dist/assets/owl.carousel.css';
import 'owl.carousel/dist/assets/owl.theme.default.css';
import {
浏览 1提问于2019-02-21得票数 0
我当前的项目允许用户输入一些标题和描述，并调度适当的操作。它似乎工作得很好，因为它显示CREATE_POST_REQUEST，然后显示CREATE_POST_SUCCESS以及从API调用返回的新创建的post对象。但是，还附加了一个错误，指出"TypeError: state.posts是不可迭代的“。我有一个初始状态，它是一个对象，它的posts字段最初设置为一个空数组。下面是一些代码片段。
postsReducer.js
import {
FETCH_POSTS_REQUEST,
FETCH_POSTS_SUCCESS,
FETCH_POSTS_FAILU
浏览 7提问于2021-06-09得票数 0
回答已采纳
我正在使用Isomorphic unfetch从Next.js中的WP REST API中获取一些数据，如何获取响应头？ import fetch from 'isomorphic-unfetch';
class Blog extends React.Component {
static async getInitialProps() {
const res = await fetch('https://wordpress.org/news/wp-json/wp/v2/posts');
const data = awa
浏览 48提问于2020-01-19得票数 1
回答已采纳
1回答
我正在编写一个具有“注册”功能的程序。前端是使用React.JS创建的。到目前为止，我可以使用以下代码在React.JS中发送post请求：
fetch('http://localhost:2000/users/signup/', {
method: 'POST',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json',
},
浏览 12提问于2018-02-20得票数 1
回答已采纳
export default function RegisterForm(data) {
const [username, setusername] = React.useState("");
const [email, setemail] = React.useState("");
const [password, setpassword] = React.useState("");
const handleSubmit = async (event) => {
window.location.reloa
浏览 4提问于2022-06-02得票数 0
2回答
我在react函数组件中调用api。我正在编写组件的单元测试用例。我嘲弄过使用玩笑-假的。
global.fetch = require('jest-fetch-mock');
Component.ts
const Component = () => {
useEffect(() => {
return fetch(
'url',
)
.then(response => response.json())
.then(json => {
浏览 12提问于2022-06-22得票数 5
回答已采纳
我正在尝试上传一个文件到flask with fetch。我所做的是onChange将文件放在useState钩子中，然后onSubmit将其附加到FormData。在我使用fetch将文件发送到我的flask api之后。我输入了一个响应，告诉我文件是否在那里，它总是以空白字典的形式返回。
以下是react代码。
import React, {useState} from 'react'
function App() {
const [file, setFile] = useState(null);
const fileInserted = (event) =>
浏览 19提问于2021-02-22得票数 0
我尝试使用Axios方法调用一个https请求get方法API，它从服务器响应200，但在服务器端，API没有命中。不知道响应来自哪里，和我尝试使用post-man的API一样，我得到了200状态，正确地更新了响应。之后，我开始使用react-native-debugger来调试响应，我使用网络检查器进行了调试，并且我尝试了相同的API，它得到了200的正确响应。这里面会有什么问题。谁来帮我找出这个bug。 我使用fetch添加了下面的代码，在Axios调用中也发生了同样的情况。当在react-native-debugger中启用网络检查器时，我还发现了一件事，API工作得很好。 fetch
浏览 9提问于2019-12-24得票数 0
回答已采纳
我正在做一个单一的页面应用程序在反应本机。我想在列表视图中显示fetch响应。对于访问响应数组，我使用map方法，但是从服务器获得了上面的error.The响应，如下所示
{
"responseHeader": {
"type": "314",
"status": "200",
"message": "Successfully found the profile"
},
"neighbourProfile": [{
"
浏览 4提问于2017-12-20得票数 2
回答已采纳
当使用expo在android设备上运行我的react原生应用程序时，api响应不会到来，这是使用fetch和POST方法完成的，并得到以下错误：
未处理的promise rejection: node_modules\whatwg-fetch\dist\fetch.umd.js:535:17在node_modules\react-native\Libraries\Core\Timers\JSTimers.js:130:14在node_modules\react-native\Libraries\Core\Timers\JSTimers.js:383:16在node_modules\react
浏览 3提问于2021-07-22得票数 0
我正在学习React Native，但我无法正确获取响应，我的获取代码是： try {
let response = fetch(
"http://192.168.1.106/little_api/index.php",
{
method: "POST",
headers: {
"Accept": "application/json",
"Content-Type": "application/json&
浏览 31提问于2020-04-28得票数 1
回答已采纳
通常，我会在React Native中使用reponseJson来访问JSON的响应，但是如何访问多个响应呢？
我把它从php json_encoded这里：
Login.php
if ($row = mysqli_fetch_array($result)) {
$allresults = array( 'Data Matched' => $objA, "Hello" => $objB );
$Success = 'Data Matched';
// Converting the message i
浏览 31提问于2018-10-19得票数 0
我创建了一个从api获取数据的组件。
import React, {useState, useEffect} from 'react';
const Users = () => {
const [users, setUsers] = useState([]);
useEffect(() => {
fetchData();
console.log('effect')
}, []);
const fetchData = async () => {
const
浏览 5提问于2020-02-19得票数 1
回答已采纳
2回答
我想从我的React应用程序向我的Spring后端发出一个简单的POST请求来验证用户。我正在做的事情：
fetch('http://localhost:8080/login', {
method: 'POST',
headers: {
'content-type': 'application/json'
},
body: JSON.stringify({
username: this.state.username,
password:
浏览 18提问于2019-07-29得票数 1
回答已采纳
4回答
我正在建模一个简单的react/redux应用程序的第四层。在服务器端，我有一个基于 gem的API。
我正在使用fetch在请求中发布一个标记：
const JSON_HEADERS = new Headers({
'Content-Type': 'application/json'
});
export const postLogin = ({ email, password }) => fetch(
`${API_ROOT}/v1/auth/sign_in`, {
method: 'POST',
header
浏览 7提问于2017-01-23得票数 5
回答已采纳
我在Apollo/Graphql Expressjs服务器上设置了一个apollo-datasource-rest数据源。我想将fetch响应中的几个头转发给/graphql响应。 以下是流程： POST /graphql
Graphql makes fetch request using this.get('http://example.com/api')
Response from this fetch contains the header "cache-status"
Response from /graphql
I'd like to i
浏览 16提问于2019-03-05得票数 5
1回答
我正在尝试使用Fetch API从我的React应用程序向服务器发送数据。现在，我只想看看到底有哪些值被发送到服务器。当我尝试执行一个var_dump($_POST)时，即使响应状态为200，也不会发生任何事情。
React应用程序
sendToPHP = cssObject => {
let json_str = JSON.stringify(cssObject);
json_str = encodeURIComponent(json_str);
fetch("/includes/modules/CertBuilder/api.php", {
浏览 0提问于2019-09-16得票数 1
1回答
我是CORS的新手，我遇到了以下问题：
-我正在使用create-react-app (端口3000)，它调用了在spring boot (端口8080)中制作的一些REST服务。我将JWT auth添加到我的REST API中，所以现在在调用其他任何东西之前，我必须进行身份验证。
问题是，我可以在我的SpringBoot项目index.html (我用来测试jwt身份验证)中进行身份验证，但是现在我在React上调用了/auth POST，我得到了200OK，但我似乎在响应中找不到令牌。
SpringBoot index.html
function doLogin(loginData) {
浏览 3提问于2018-02-01得票数 16
回答已采纳
2回答
我正在用下面的代码从我的React应用程序发送一个post请求。
// https://react-app.com
await fetch('https://node-backend-on-aws-lambda-api.com/stage/resource', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
mode: 'cors',
body: JSON.stringi
浏览 1提问于2021-06-19得票数 1
当我使用fetch API (或xmlhttprequest)时，我得到一个0字节的响应。下面是我的代码示例： fetch("https://myurl", {
method: "POST",
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json'
},
body: JSON.stringify({content:
浏览 18提问于2019-05-04得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
