从express文件到前端的响应问题(React)
从express文件到前端的响应问题(React)
Express是一个流行的Node.js框架，用于构建Web应用程序和API。它提供了一种简单而灵活的方式来处理HTTP请求和响应。React是一个用于构建用户界面的JavaScript库，它可以将应用程序的不同部分拆分成可重用的组件。
当涉及到从Express文件到前端的响应问题时，以下是一些可能涉及的概念和步骤：
- Express文件处理：Express可以通过使用中间件来处理静态文件。通过使用
express.static中间件，可以将特定目录下的文件暴露给前端。例如，可以将存储在public目录下的静态文件（如CSS、JavaScript和图像）暴露给前端。 - 路由设置：在Express中，可以设置路由来处理不同的HTTP请求。通过使用
app.get、app.post等方法，可以定义不同的路由和对应的处理函数。这些处理函数可以执行一些操作（如从数据库中获取数据）并将结果发送给前端。 - 数据库交互：在处理Express请求时，可能需要与数据库进行交互。这可以通过使用适当的数据库驱动程序（如MySQL、MongoDB等）和相应的查询语言（如SQL）来实现。在处理数据库查询时，可以使用异步操作来确保不会阻塞应用程序的其他部分。
- 响应数据：在Express中，可以使用
res.send、res.json等方法将数据发送给前端。这些方法将数据转换为适当的格式（如JSON）并将其作为响应发送给前端。在发送响应之前，可以对数据进行处理和转换，以满足前端的需求。 - 前端接收数据：在React中，可以使用
fetch、axios等库来从Express后端获取数据。这些库提供了一种简单的方式来发起HTTP请求并接收响应。一旦接收到响应，可以在React组件中使用该数据进行渲染和展示。 - 前端展示数据：在React中，可以使用组件来展示从Express后端获取的数据。可以将数据传递给相应的组件，并在组件的渲染方法中使用该数据进行展示。通过使用React的状态管理和生命周期方法，可以实现数据的动态更新和交互。
- 前端路由：在React中，可以使用React Router等库来实现前端路由。这允许在不刷新整个页面的情况下，根据URL的变化加载不同的组件和数据。通过使用前端路由，可以实现更流畅的用户体验和更好的页面导航。
总结起来，从Express文件到前端的响应问题涉及到Express文件处理、路由设置、数据库交互、响应数据、前端接收数据、前端展示数据和前端路由等步骤和概念。在实际开发中，可以根据具体需求和技术栈选择适当的工具和库来实现这些功能。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云音视频处理（VOD）：https://cloud.tencent.com/product/vod
相关·内容
我在后端(nodejs，express)中有一个函数，它使用sendFile作为响应返回html文件。
我希望在应用程序的前端(React)中呈现这个html文件响应。
我尝试在前端使用document.write来显示html文件，但这会将本地主机从http重定向到https。
是否有任何方法在前端呈现此html文件？
浏览 3提问于2022-10-29得票数 0
我有一个问题，如果我使用nodejs作为后端，我将如何保护我的前端。例如，我创建了完整的网站，将react作为前端，后端使用nodejs，并使用Axios从后端获取和发布数据到前端，等等。
我现在的问题是，如果我在后台使用安全措施，它是否也会保护我的前端？
对于exmaple，如果我在nodejs中使用helmet，我在那里为响应头添加的保护也将应用于我的主网站，即反应前端？
这是我的意思的代码。
var express = require('express');
var helmet = require('helmet');
var app = expre
浏览 6提问于2022-04-07得票数 0
回答已采纳
我正在开发一个带有react的前端，我需要使用来自Google或MapBox的静态地图。为了在开发时存储Api密钥，我使用了一个带有react-本机-config的.env文件，但是他们的自述文件说：
请记住，这个模块不会混淆或加密打包的秘密，所以不要在.env中存储敏感密钥。这基本上是不可能阻止用户反向工程移动应用程序的秘密，所以设计你的应用程序(和API)考虑到这一点。
那么，有什么方法可以在react上混淆Api键(用于Android和IOS)吗？
或者，唯一的方法是在后端创建一个端点，执行代理函数在这里添加api键，如下所示：
import express, { Applica
浏览 0提问于2019-05-09得票数 1
1回答
我正在开发一个工具，其中前端使用react js (create-react-app和serve)，后端使用express+node，两个服务器都运行在远程机器上的不同Docker容器上。现在的问题是sys admin说他只会让前端可以从外部访问，而后端容器只能通过前端容器访问。由于我在/API/ XMLHttpRequest上调用示例，而后端没有公共URL，所以我可以使用前端服务器将我的请求重定向到后端吗？ 为了让我自己清楚，这是我想要做的，前端运行在https://frontend.com上，我从浏览器到https://frontend.com/API/example进行API/exam
浏览 27提问于2019-04-17得票数 1
回答已采纳
我有一个带有express后端的React前端应用程序，它在本地作为代理API服务器工作。 在我的本地开发环境中，React fonr-end运行在端口3001上，Express服务器运行在端口3000上。 在我的package.json中，我设置了代理： "proxy": "http://localhost:3000",... 该应用程序通过Azure管道部署，该管道构建应用程序和服务器，将它们压缩，并将工件复制到Azure域。 在Azure应用的配置中，我有以下启动命令： node server & npx serve -s 这应该(从理论上)启动
浏览 19提问于2021-04-02得票数 0
回答已采纳
我正在创建的一个应用程序使用MERN堆栈(MySql、Express、React、Node)。前端和后端分别存储在两个独立的Githubs repos中，并托管在两个独立的Heroku实例上。前端和后端都成功部署到Heroku。 问题是如何让前端和后端都能相互通信？用户应该从将调用后端的前端heroku开始还是应该从后端开始？ 我尝试将前端代理地址设置为后端的heroku链接，但显然此代理地址仅在开发环境中使用。我已经尝试在前端添加一个服务器文件，它消除了"Invalid Host header“错误，但没有解决通信问题。 以下是前端package.json： {
"na
浏览 20提问于2019-09-03得票数 4
我有一个简单的后端快递 const express = require("express");
const app = express();
var array = [1,2,3,4,5]
app.get("/", function(req, res){
res.send("this is backend of application");
})
app.listen(5000, ()=> console.log("listening on 5000")); 我还有一个由create- react-app创建的
浏览 24提问于2021-05-04得票数 0
我已经在Node JS Express中准备好了我的服务器代码，并且我已经得到了JSON格式的响应。我遵循以下教程在Node JS Express中设置项目结构：
现在，我想在React中为相同的应用程序创建前端。所以，这里我的意思是我的服务器在Node JS Express中，前端应该在React中。考虑到React的初学者，请向我推荐一些教程或示例，我至少可以开始制作我的UI，并将其适合使用Node JS Express创建的项目结构。
我试着自己找到它，但在每个应用程序中，React JS都是自己创建自己的服务器，但我的服务器在Node JS express中启动并运行。请指点一下。
浏览 14提问于2017-06-20得票数 4
回答已采纳
2回答
如何在发送post请求的按钮上下载CSV文件。
post请求有一个巨大的响应，因此，将其从express传递到前端并不是一个可行的解决方案。
我想在express上获取数据，并创建并发送csv到前端，它会自动下载它。
有人能帮帮忙吗？
浏览 0提问于2018-05-30得票数 2
大家好，我想知道，当我试图从express发送数据到react时，是否总是需要一个状态。
例如，我的server.js有一个文件：
const express = require('express');
const router = express.Router();
router.get('/', (req, res, next) =>{
res.send({'name': 'bella'})
});
module.exports = router;
这只是将我的一个发送到屏幕上，当我试图通过localhost 3
浏览 1提问于2018-04-12得票数 0
1回答
我正在使用MongoDB、Express、React和Node构建一个完整的堆栈应用程序。我曾经做过只有前端编程的项目，也有做过只有后端编程的项目。我使用ejs为Express创建视图，所以我不确定它如何与通过React创建的前端视图一起工作。此外，我不确定CRUD操作将如何与React一起使用。
我所知道的是，在package.json中，当运行程序时，这两者是结合在一起的。事情就是这样。我的问题是: Express如何与React交互？
我正在寻找的答案涉及到联系。它在哪里以及如何点击在一起？如果React创建视图，那么Express是如何连接到这些视图的呢？我是在导入文件吗？我是在Rea
浏览 4提问于2018-06-05得票数 1
2回答
在哪里发送JWT令牌？
、、、、
我使用JWT进行用户登录/注册，我有一个关于发送/接收令牌的问题。
目前，我将令牌作为属性存储在JSON对象中，从服务器开始，然后将其发送到前端。在客户端接收到对象后，它将令牌存储为cookie。从客户机到服务器的每个POST请求都将在它的主体中有一个令牌属性，来自服务器的响应也将令牌作为属性。
这可以吗，还是应该将令牌作为请求/响应中的标题发送？
使用: React (+DOM)，JavaScript，Express，Node.js
浏览 5提问于2017-12-28得票数 0
回答已采纳
我有express js作为后端，react js作为前端，在某些情况下，我必须发送一个文件来响应请求，我这样做了：
return res.status(200).sendFile(path.resolve(`files/${product.fileName}`))
我的问题是，我应该如何在reactjs客户端中处理此响应？我记录了响应，正文是：
body : ReadableStream
locked : true
浏览 2提问于2018-05-25得票数 1
我有两个独立的应用程序:一个是我在Node和Express中的API，另一个是我在React和React Router中的前端。
通常，在开发较小的应用程序时，您可能会将服务器代码与客户端代码放在相同的代码库中，但在这种情况下，它们是单独的代码库。我正在尝试允许passthrough在路由不匹配的情况下从Express反应路由器，我们传统上是这样做的：
app.get('*', function(req, res) {
res.sendFile(path.resolve(__dirname + 'dist/index.html'));
});
看到问题了吗？
浏览 19提问于2017-12-17得票数 0
我想在localhost:5000上提供我的反应性前端，api请求将转到localhost:5000/api/some。
我看到了一些类似的问题，据我所理解：
在package.json中添加代理
提供来自构建文件夹的静态文件。
Package.json的相关部分：
"proxy" : "http://localhost:5000",
"scripts": {
"start": "react-scripts start",
"build": "react-script
浏览 4提问于2020-09-04得票数 0
我有一个用Express后端应用程序的React/Redux前端，而且我还是比较新的，但是我有一个关于如何处理数据流的问题。
所以，在我的前端，我有一个搜索栏。当用户输入搜索词时，我从React发送了一个post请求，该请求将在我的Express routes.js文件中处理。在这个文件中，我使用那个搜索词，并且在我的Mongo数据库中查找这个词。在那之后，如果在数据库中找到了这个术语，我想要做的就是发送回一个对象。
在这个应用程序中，我使用axios向某个路由发出HTTP请求以获取某些数据，但这是在快递端的app.get(...)中，我在反应端使用了一个axios.get(...)来检索信息
浏览 2提问于2017-08-15得票数 1
1回答
我正在创建一个web应用程序，它包括一个React 前端和一个node.js (快递)服务器。前端对express服务器和express服务器进行内部api调用，然后进行外部api调用以收集一些数据。前端和服务器位于同一个Kubernetes吊舱内的不同容器中。
前端服务是nginx:1.14.0-alpine映像。静态文件在CI管道中生成(npm build)，在docker build期间将build目录复制到映像中。package.json包含一个代理密钥"proxy": "http://localhost:8080"，它将流量从应用程序路由到localh
浏览 4提问于2020-03-22得票数 1
回答已采纳
我目前正在试验react和express，我想知道react文件是否被隐藏，我现在尝试做的是加密api响应服务器端，然后在前端解密它，但是拥有对每个人都可见的密钥会使整个事情变得毫无用处。
浏览 0提问于2021-07-15得票数 0
我对react js和node &express js都是新手。我只想知道一件简单的事情，如果我使用div通过res.send()函数简单地从后端获取响应，并且我想在前端提交按钮的末尾显示一个axios标签，说明“backend responds”，以防我从后端获得响应。 我创建了一个名为Block的react组件，它返回div标签，但是当响应到达时，如何在按钮之后调用该组件对我来说是一个谜。 查看代码的屏幕截图 ?
浏览 33提问于2020-12-15得票数 0
1回答
目前，我的前端React应用程序中有一些JavaScript代码，可以通过axios将get/post requests发送到Express后端。如果输入无效，我当前的后端实现有时可以redirect到不同的页面(以下示例中的登录页面)
//back-end logic
if(valid data) response.json(someData);
if(invalid data) response.redirect("/login");
我的axios请求如下：
axios.get("some.url/api").then(res => {
//
浏览 0提问于2019-12-25得票数 2
回答已采纳
4回答
前端: localhost:3000 (react ) App.js (客户端)在加载调用api '/‘
function fetch_redirect() {
fetch("http://localhost:8082")
}
function App() {
return <div className="App">{fetch_redirect()}</div>;
}
export default App;
后端: localhost:8082 (nodejs应用程序)将重定向发送到客户端的/test端点
const
浏览 9提问于2021-04-11得票数 1
回答已采纳
1回答
我不确定问题出在哪里。我知道axios无法从api获得响应，但我不明白为什么。 我的nodejs后台服务器文件： import data from './data';
const app = express();
app.get("/api/products", (req, res) => {
res.send(data.products);
})
app.listen(5000, () => {console.log("Server started at http://localhost:5000")}) 我可以在lo
浏览 52提问于2020-07-12得票数 3
我正在构建一个web应用程序，使用React(前端)和Node/Express(后端)。现在，我已经将一些图像存储在“公用”文件夹中(在后端-express中)。我的目标是获取存储在服务器上的图像，并将它们显示在我的前端页面上。就像从服务器/数据库获取JSON数据时一样，将其转换为JSON并将数据显示在HTML页面上。
我使用express.static()中间件来服务后端的映像。我的问题是：
如何将图像发送回前端，并使其显示在HTML页面(React组件)上？
因为当我使用POSTMAN并向后端发出请求时，图像显示在正文中：
但是，每当我对React中的特定图像发出请求(使用fetch
浏览 3提问于2022-09-01得票数 1
当前文件夹结构如下所示：
root
-.github/workflows
-frontend
-backend
后端使用NodeJS/Express，从React前端提供静态文件。前端必须由后端提供，因为一些特定的cookie与静态资产一起提供。例如，用户必须到达example.com/才能看到网站，并且API类似于example.com/someapi。由于缺少重要的cookie，将前端部署到example1234.com并对example.com/someapi进行API调用将无法工作。
App引擎用于存储后端，启用身份感知代理。目前，我知道有两种选择：
使用example.c
浏览 4提问于2022-01-12得票数 0
回答已采纳
这是我在Node的后端代码
import express from 'express';
import fetch from 'node-fetch';
const PORT = process.env.PORT || 3001;
const app = express();
app.get("/getData", (req, res) => {
let url = "https://jsonplaceholder.typicode.com/users";
fetch(url)
.th
浏览 1提问于2022-08-17得票数 1
1回答
我发现了两种组合React和Express的方法：
选项1 ExpressJS serve React静态文件
从根本上说，这里的想法是在启动服务器之前拥有预编译的JavaScript文件供您使用。然后在Express中间件中：
app.use(express.static(path.join(__dirname, '../client/build')));
然后串联具有在服务器端执行逻辑的其他端点。
选项2单独的主机React文件
基本上，将前端和后端的逻辑完全解耦，只使用一台服务器来服务静态JS文件。然后是另一台Express服务器，用于对数据库运行任何查询。并返回简单的J
浏览 2提问于2018-11-08得票数 2
从前端，我试图从运行在5000端口的后端获取数据。我不确定端口是否应该在运行react应用程序之前运行。但是，我尝试了这两种情况，在不同的终端上运行后端端口5000，然后在不同的终端上运行前端。对于axios，我是否实际使用get方法的请求或响应？拜托，我的密码有什么问题吗？
，这是我的前端
import React, {useState} from 'react';
import axios from "axios";
const Quotes = () => {
const [text, setText] = useState("&#
浏览 2提问于2021-06-24得票数 1
我目前正在尝试将一个应用程序部署到aws，作为一个具有react前端和express后端的弹性beanstalk实例。
这是当前文件结构，客户端文件夹是create react应用程序
我运行了创建-反应-应用程序附带的npm run构建脚本，但eb deploy部署失败。
我是应该在react "client“文件夹中运行eb init，还是在express主repo部分运行它？有没有假设在express和react部分上都有一个构建，或者有一个script/npm包一起构建express api和react部分？
浏览 1提问于2018-02-03得票数 0
我试图使用这里给出的节点说明来集成Stripe。
我已经按照他们的指示到一个tee和更新了API密钥在这个例子中的一个实际(测试)一个从我的帐户。
我在前端使用React，在后端使用React。我已经启用了cors。
响应后端的请求成功，飞行前请求被踢出条带。来自条带的飞行前响应为403，实际请求被CORS错误- PreflightMissingAllowOriginHeader所阻止。
后端代码(最小)
const express = require("express");
const app = express();
const cors = require("co
浏览 0提问于2021-08-03得票数 11
回答已采纳
1回答
我是网络开发的新手。在使用Node、Express和EJS (作为我的前端)之前，我构建了一个项目，现在，我正在尝试使用React作为我的前端。我在Youtube上观看和研究了很多React + Express教程视频，但我认为每个视频都只显示一个页面的站点。我的问题是如何处理Express+React的路由？我应该在哪里放置路线并呈现多个页面或视图？我应该把它放在Node文件夹下的app.js中吗？还是应该在React应用程序下创建另一个文件夹，其中包含用于不同视图的js文件？
谢谢。如果我的帖子缺乏信息，我很乐意回答问题。
浏览 1提问于2022-07-25得票数 1
回答已采纳
1回答
在反应中服务PDFs
、、、、
我现在有一个前端反应应用程序在我的本地主机在端口8080和后端快速服务器在端口9000 (我认为这些必须是不同的端口，但我可能错了)。我的目标是在我的网页上建立链接，将PDF(或其他文件，如Excel工作表)下载到用户的本地机器上，但我不知道如何做到这一点。
如果我在Express服务器端有PDF，我想了两个选项
在Express中创建一个包含所有文件的静态文件夹
const app = express();
app.use('/static', express.static(path.join(__dirname, 'MyPDFs')));
然后在
浏览 2提问于2020-05-11得票数 2
我们(我和我的团队)正在建立一个食品配送实时网络和移动应用程序(使用的反应-本机)，其中还包括支付集成和管理仪表板的客户。
我们为该应用程序选择的技术堆栈：
视图
React (Web应用程序)
React原生(移动应用程序)
后端
快递
Firebase
我们考虑使用一个用于网络和移动应用的通用后端来共享应用程序数据。基本上，我们应该创建一个API，它使用Express提供端点，然后Express将数据保存/检索到/从Firebase。特快将是我们的middle-ware.
我们创建了两个项目文件夹，首先要记住的是web应用程序：
react webapp
浏览 2提问于2016-02-24得票数 4
在这个问题上需要帮助:处理一个涉及代码编辑器和评估来自用户的代码的项目。
在我的后端(Express)上创建了一个路由和一个函数，该函数接受用户编写的代码，计算并返回它的值。
Post请求使用axios从前端(REACT)发送到后端，以便评估用户代码并将响应发送回前端。
我完成的工作:通过post请求将用户代码发送到后端。代码在后端使用沙箱进行eval。
我有什么问题？将响应发送回前端。post请求不返回响应。
下面是代码:有什么想法/反馈吗？
后端：
const express = require('express');
const codeRoutes = express.
浏览 5提问于2017-08-24得票数 0
3回答
在提出这个问题之前，我确实看过其他类似的问题，但到目前为止，这些问题都没有起到帮助作用。
我有一个使用axios对节点后端使用express和express会话进行api调用的react前端。一旦我在前端输入登录信息，我就将其发送到后端，在后端设置会话，并将响应返回到我在localStorage中设置的用于客户端验证的前端。
当我尝试在登录后从前端访问受保护的api端点时，会话中没有我设置的任何信息，因此给出了一个错误。但是，如果我尝试从postman登录并访问受保护的端点，它就会运行得非常好。
下面是我的快速会话配置：
router.use(session({
secret: 'n
浏览 2提问于2018-03-19得票数 0
回答已采纳
我有一个连接到orientdb数据库的简单的express服务器。我需要将信息从express传递到react视图。例如，在express中，我有：
router.get('/', function(req, res, next) {
Vertex.getFromClass('Post').then(
function (posts) {
res.render('index', { title: 'express' });
}
);
});
因此，在本例中，我需要在react索引组件中使用pos
浏览 1提问于2016-10-16得票数 11
回答已采纳
1回答
我正在尝试在我的react应用程序中设置条纹结账，如果用户点击一个按钮，它会通过条纹结账将他们引导到条纹的托管结账页面。在前端，它需要会话id，我应该从我的nodejs/express服务器获取该id。我仍然是nodejs的新手，需要帮助正确设置它，这样我才能创建发送会话id的正确响应的路由。此外，此设置适用于按月订阅
Server.js
<code>A0</code>
Checkout.js
<code>A1</code>
浏览 8提问于2020-03-14得票数 0
回答已采纳
我有点困惑。我知道如何使用Ejs和express为用户提供动态页面。通常，当用户访问该域时，该域中的API会使用同一域中的页面进行响应。因此，我们只需将API托管在服务器中。现在我正在学习在前端使用React，在后端使用带有MongoDB的express。如何连接这些前端和后端。后端如何向用户提供react应用程序。我在YouTube上搜索了一下，但没有人在谈论后端部分，他们只是在谈论托管前端部分。我不知道我问的是不是正确的方式，或者not.but，请帮助我。
浏览 13提问于2020-07-22得票数 0
1回答
我有一份申请书，内容包括：
响应前端Node JS + Express后端
后端和前端主要通过阿波罗GraphQL进行通信。最近我开始用Twilio打电话。呼叫后，Twilio向我的节点JS应用程序发送后端请求到特定的路由，然后在Mongo中对文档进行移动。请求完全独立于前端，可以随时到达。
我如何更新React组件--在后端请求之后显示上述文档的表单(显示的数据应该更改为后端版本)？我正在考虑websockets和/或阿波罗订阅，但也许有更简单的方法吗？
浏览 2提问于2021-10-05得票数 0
回答已采纳
我使用react js创建了一个前端应用程序，它在后端调用express node js api，在localhost中我没有问题，因为它在localhost上运行，但当我在plesk服务器上部署它们时，我不知道如何从我的react js应用程序调用express api。
1.如何在plesk服务器上运行生产中的express node js。2.如何从react js app调用express api (在本地主机中我使用)
非常感谢你
浏览 19提问于2020-05-12得票数 0
我正在尝试为后端创建一个带有节点/表达式的简单的react应用程序。当我启动我的应用程序时，我会得到以下错误：
Proxy error: Could not proxy request /users from localhost:3000 to http://localhost:5000/.
See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ECONNREFUSED).
我的前端package.json看起来像这样
前端很简单。fetchUserData()
浏览 5提问于2022-07-31得票数 0
回答已采纳
1回答
我正在尝试使用react将一个blob音频文件从我的Express应用程序传递到Express后端，但是当我试图检索后端上的数据时，我一直没有定义。
前端代码：
var fd = new FormData();
fd.append('fname', 'test.webm');
fd.append('data', blob);
payload = {audioFile: fd};
axios.post('/translate-audio', payload, {headers: {'content-type':
浏览 2提问于2021-11-11得票数 0
回答已采纳
我有以下服务器文件： const express = require('express')
const app = express()
const server = require('http').Server(app)
const io = module.exports.io = require('socket.io')(server)
const PORT = process.env.PORT || 3231
const SocketManager = require('./SocketManager')
app.
浏览 11提问于2019-02-13得票数 0
回答已采纳
我正在开发一个具有React前端和Express API的应用程序，这是在同一服务器上托管的。
它在本地运行得很好，但是一旦我将它部署到Heroku，从前端到后端的每个请求都会返回405: Method Not Allowed。我一直在寻找答案，但大多数人都指向，我已经这样做了。因此，我不知道我的问题是来自于构建，还是来自axios的误用，还是来自错误的express.js配置。
我还尝试添加一个react代理URL，但它不能解决问题。
目录结构如下：
├── Express
| └── server.js
├── React
| └── App.js
├── buildScript.
浏览 1提问于2020-06-03得票数 0
我用fetch从我的前端(ReactJS)向后端(ExpressJS)发送一个请求。
前端代码：
const submitForm = (event) => {
event.preventDefault();
fetch(`${process.env.REACT_APP_BASE_API_URL}/users/login`, {
body: JSON.stringify({
username,
password
}),
contentType: 'application
浏览 3提问于2022-07-22得票数 0
2回答
我正在尝试浏览一个前端链接的反应JS应用程序到一个快车服务器。
示例
<a href="/pages">Pages</a>
在Express服务器中，我编写了这段代码
app.get('/pages', (req, res) => {
res.send('Pages');
});
我还更新了我的前端package.json文件如下：
"proxy": {
"/pages" : {
"target" : "http://localhost
浏览 0提问于2017-10-07得票数 3
回答已采纳
1回答
我正在尝试从头开始构建一个简单的react/node/express应用程序(不使用create-react- app )。我已经构建了一个简单的后端来将一些数据传递到前端，但我很难弄清楚这两者是如何通信的。如何同时运行前端和后端，并查看传入数据的前端？ 我想在一个命令中完成所有这些操作。我是否必须使用像webpack这样的工具来将所有内容捆绑到一个可运行的包中？ 我的repo可以在这里找到，它是我链接到的react-and-express分支。任何帮助都是非常感谢的！目前我正在通过启动index.js来运行应用程序，但这只是后端，我如何运行我的前端App.js并让两者进行通信？ https
浏览 39提问于2019-02-24得票数 0
我是一个初学者，试图构建一个完整的堆栈应用程序，使用Express作为服务器端，reactjs用于前端。基本上，我想调用一个API，检索JSON格式的数据，并在前端使用这些数据。
结果是，在本地开发时，我单独运行服务器和前端代码(并发使用)，并且可以从API中获取数据，而不存在任何问题。但是，最终我想将这个全堆栈应用程序部署到Vercel。
所以，我用
npm run build
然后使用
serve -s build
当我打开生产部时。链接，它似乎没有从API中获取数据。我搞不懂为什么会发生这种事。
详情如下：
代码目录
pacakge.json (生产的主要部件)
{
..
浏览 5提问于2022-07-16得票数 0
回答已采纳
1回答
我正在尝试发送一个图像到后端(node.js)从前端(反应)使用multer，下面给出了发送图像时使用的代码文件。我正在接收响应的前端正确和文件发送到后端也很好，但在后端req.file给我未定义。我现在正尝试在本地保存图像。 imageUpload.js const multer = require('multer');
const randomString = require('randomstring');
const storage = multer.diskStorage({
destination: (req, file, cb) =&g
浏览 19提问于2020-08-03得票数 0
1回答
npm请求包拦截器
、、、
我正在开发一个Express JS web应用程序。我的应用程序中有3层。外部API服务器，Express和Angular作为前端。所以每一个来自前端的AJAX请求都应该通过express到达API服务器，同样，响应也应该通过express。身份验证由API服务器管理。当我从Angular发送登录请求时，它将首先到达Express，然后Express将发送一个请求到API服务器，API服务器将身份验证令牌发送到Express，Express将其传递到前端。因此，所有来自Angular的请求都会将身份验证令牌作为头部发送到Express，express将发送带有访问令牌的相应请求。我的应用程序就
浏览 0提问于2018-03-24得票数 0
我正在尝试创建一个Express路由器端点，它将从外部API返回CSV文件(在本例中为Jenkins)
更详细地说，我想要实现的是让一个React前端在Express后端调用这个路由，并下载一个CSV文件。
后端快速路具有以下结构：
router.get('/path/latestCsvTestReport', async (req, res) => {
const { channel } = req.params;
return fetch(
`${jenkinsHost}/job/${channel}/${jenkinsPath}/lastSucc
浏览 4提问于2020-07-28得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
