如何正确配置Next.js作为前端，Express app作为后端？
要正确配置Next.js作为前端，Express app作为后端，可以按照以下步骤进行：
- 首先，确保你已经安装了Node.js和npm（Node包管理器）。
- 创建一个新的项目文件夹，并在终端中导航到该文件夹。
- 初始化一个新的npm项目，运行以下命令：
- 初始化一个新的npm项目，运行以下命令：
- 安装Next.js和Express依赖，运行以下命令：
- 安装Next.js和Express依赖，运行以下命令：
- 创建一个名为
pages的文件夹，用于存放Next.js的页面组件。 - 在
pages文件夹中创建一个名为index.js的文件，作为Next.js的首页组件。在该文件中，编写你的前端代码。 - 创建一个名为
server.js的文件，用于配置Express app的后端逻辑。 - 在
server.js文件中，导入Express和Next.js，并创建一个Express实例。然后，使用Next.js的getRequestHandler方法创建一个处理Next.js页面请求的处理程序。 - 在
server.js文件中，导入Express和Next.js，并创建一个Express实例。然后，使用Next.js的getRequestHandler方法创建一个处理Next.js页面请求的处理程序。 - 在
package.json文件中，添加以下脚本命令，用于启动Express服务器： - 在
package.json文件中，添加以下脚本命令，用于启动Express服务器： - 运行以下命令启动Express服务器：
- 运行以下命令启动Express服务器：
- 现在，你可以通过访问
http://localhost:3000来查看你的Next.js前端和Express后端的应用程序。
这样，你就成功配置了Next.js作为前端，Express app作为后端。你可以根据需要在Next.js的页面组件和Express的后端逻辑中编写你的应用程序代码。
相关·内容
目前我有用于前端的create-react-app和用于后端的express server。在我的create-react-app的package.json中，我像这样使用代理"proxy": "http://localhost:5000"。我需要实现同样的事情为Next.js应用程序与相同的快速服务器。 我只希望能够使用我的express服务器，而不是像在create-react-app中那样使用Next.js中内置的API路由和代理。 我是否需要创建自定义Next.js服务器，即使我没有更改它的任何功能？如何正确地做到这一点？
浏览 51提问于2020-09-16得票数 4
回答已采纳
2回答
后端: Express server，带npx create-express-api后端 前端: Next.js，带有npx create-react-app前端 我已经在我的根文件夹中实现了这些命令，并尝试运行npm start xxx来检查它们是否仍在工作。尽管它们在此链接http://172.27.178.192:3000 (在我的网络上) This is the image showing the problem中工作，但它们在我的http://localhost:3000中不起作用 我更换了浏览器，但仍然出现了同样的问题。在浏览器上，它显示Unable to connect Fir
浏览 106提问于2020-12-24得票数 2
1回答
因此，基本上我知道这非常简单，但我在设置前端与后端逻辑对话时遇到了麻烦。我只是试图从express中获取数据，只是为了了解它的工作情况，而我似乎甚至无法做到这一点。 我也在前端使用Next.js，这对我来说也是新的。 无论如何，这是我试图获取到后端的页面。 我得到了一个不能设置属性'state‘的undefined import React from "react";
import styled from "styled-components";
import axios from 'axios';
const TestApi =
浏览 18提问于2020-04-24得票数 0
回答已采纳
我正在学习Node.Js，我想了解如何在前端/后端之间进行交互。
我会使用app.get()通过发送数据来进行后端-->前端交互，但现在，我想了解如何从前端到后端获取变量。
前端。(我想把varGetFromFrontend传给后端)
<html>
<script>
var varGetFromFrontend = 2; // This is variable I want to pass to backend
</script>
<head>
<title>Home Page</title>
</he
浏览 3提问于2014-05-24得票数 2
1回答
使用Angular-CLI作为前端。4200端口
使用Express作为后端。8080端口
目录如下所示：
Application
- backend
- ...Express architecture
- frontend
-...Angular2 architecture
所以我正在运行两个项目，两个命令，一个用于前端，另一个用于后端。后端的node app.js (8080)，前端的ng serve (4200)。
让我们假设我在后端有一个层，它返回一些字符串。
app.get('/hello', function(req, res) {
res.se
浏览 1提问于2016-10-01得票数 12
回答已采纳
我正在寻找关于如何接近使用阿波罗和GraphQL访问PostgreSQL数据库的GraphQL前端的建议。我觉得把前端和后端分开是有意义的，但我意识到这是有权衡的。Next.js和NextAuth.js在使用Next.js API功能时似乎设计得很好。
以下几项要求：
数据需要根据用户(公共、内部、管理)进行限制。
使用Google OAuth登录
考虑到这一点，如果希望后端知道用户的访问权限，NextAuth.js就会变得更加复杂。
但是，如果我的阿波罗/graphql后端是独立的，那么肯定有如下好处：
如果需要的话，我可以换掉前端，这样就有了一些灵活性
代码和依赖项
浏览 2提问于2021-10-16得票数 1
回答已采纳
1回答
我的前端:8080和后端:8081运行在同一台计算机http://192.168.178.20上。如果我在计算机上导航到http://localhost:8080，一切正常(我可以成功地向后端发送请求)。当我从我的智能手机导航到http://192.168.178.20:8080时，前端将按预期显示。但是我不能从我的智能手机发送请求到后端，它认为这与cors配置有关，但我无法弄清楚如何正确地更改它。 我必须在后台以某种方式将我的智能手机列入白名单吗？当我想要在生产模式而不是开发模式下运行时，正确的配置是什么样子的？ 智能手机的私有ip地址(与计算机相同的网络)为192.168.178.21。
浏览 20提问于2021-10-30得票数 0
回答已采纳
我正在创建一个Next.js前端- Express.js后端网络应用程序。我在路由方面有一些问题。在Next.js的正式文档中，我看到如果使用自定义服务器，就必须禁用使用文件夹/pages工作的自动路由。
module.exports ={ useFileSystemPublicRoutes: false，}
但在这一点上，我该如何安排这些页面。我正在考虑仍然使用/pages文件夹对几个页面进行分组。
我怎么从后端走呢？我要以某种方式导入javascript页面吗？就像这个密码..。
Router.get(‘/ Next.js’，函数(req，res) {“导入Next.js页”})；
或者是
浏览 5提问于2022-07-23得票数 0
回答已采纳
我正在创建的一个应用程序使用MERN堆栈(MySql、Express、React、Node)。前端和后端分别存储在两个独立的Githubs repos中，并托管在两个独立的Heroku实例上。前端和后端都成功部署到Heroku。 问题是如何让前端和后端都能相互通信？用户应该从将调用后端的前端heroku开始还是应该从后端开始？ 我尝试将前端代理地址设置为后端的heroku链接，但显然此代理地址仅在开发环境中使用。我已经尝试在前端添加一个服务器文件，它消除了"Invalid Host header“错误，但没有解决通信问题。 以下是前端package.json： {
"na
浏览 20提问于2019-09-03得票数 4
我正在创建一个Next.js + express应用程序，Vercel用于nextjs，heroku用于快速服务器
本地主机前端和本地主机后端->工作✔️本地主机前端和Heroku托管后端->工作✔️Vercel托管前端，Heroku托管后端->不工作❌(404错误)
找不到原因。我甚至删除了环境变量，只在前端添加了后端服务器url，但仍然无法工作。有什么我需要修补的选择吗？
我的下一个server.js如下所示
我没有在vercel上添加ant变量，所以这应该发送给heroku。，它正在使用localhost nextjs服务器。
后端server.js如下所示
浏览 2提问于2022-05-21得票数 -1
回答已采纳
我有一个项目，在前端使用Next.js，在后端使用Express.js。
前端页面文件包含'index.js‘。在其中，我发送以下请求。
import Home from "./home/home";
import axios from "axios";
import { useState } from "react";
export default function Index({ data }) {
const [products, setProducts] = useState(data);
const [star
浏览 14提问于2022-04-22得票数 -1
回答已采纳
4回答
我在不同的端口(8000,8001)上运行后端和前端，我不能创建res.redirect(...)来自express服务器，浏览器显示CORS错误(访问位于...的XMLHttpRequest )。
这是MEVN(Mongo，Express，Vue，Nodejs)应用程序，Vue前端和express(nodejs)后端运行在不同的端口上。我在后端实现了cors()，它使我的前端可以发出请求(get，post)，但后端仍然不能使用res.redirect("...")重定向前端页面。因为它显示CORS错误。
// Backend
var cors = require('c
浏览 3提问于2019-02-05得票数 9
1回答
我知道Next.js可以做SSR。
我对生产有疑问。
以我的经验(没有SSR)。前端构建静态文件，然后将文件夹后端交给integrate.And --只有一台服务器。
我想知道，如果我们想使用SSR与Next.js (而不是静态站点)。
我们需要两台服务器吗？一个用于主机后端(节点，java…)另一个用于主机前端(next.js)？--如果我使用nodejs作为后端language.Can --我用next.js编写所有的language.Can？(我的意思是前端和后端代码都使用next.js，所以只有一个服务器)。如果一个问题的答案是肯定的，我看到文档使用next start来托管服务器，它
浏览 2提问于2020-06-15得票数 0
回答已采纳
我遵循教程，在angular中创建了一个前端/后端的应用程序。
我想通过对后端的rest调用来与json通信。前端和后端工作正常，我可以从后端调用方法。
在前端，我正在向后端发送一个英雄对象，但是在后端，body.hero对象是未定义的。
前端：
update(hero: Hero): Promise<Hero> {
const url = `${this.heroesUrl}/hero/update/${hero.id}`;
console.info('update url: '+url);
return this.http.p
浏览 0提问于2017-10-16得票数 0
1回答
我正在开发一个HTML呈现应用程序，我的后端框架在Express中，而在前端，我使用的是Vue.js。
后端：
function handleHome(request, response) {
response.render('home', { title: 'Express' });
}
前端home.html和js
<div id="app">
<h1>{{ title }}</h1>
<h4>{{ author }}</h4>
<p>{{ content
浏览 5提问于2017-11-21得票数 0
1回答
我有两个服务器，前端(Next.js)和后端(express.js api服务器)。
前端服务器正在运行，没有任何添加。但我有个后端的代理。
到目前为止，一切都很好，因为它们还没有连接起来。
前端:按其应有的方式工作。
后端:我可以直接从后端本身打电话(根据自己的来源)。
当我从前端服务器到后端服务器进行fetch get调用时，通常会出现cors错误，因为来源不同。
为此，我使用cors设置后端服务器：
// /src/middlewares/cors.ts
import cors from 'cors';
const whitelist = new Set(['
浏览 12提问于2022-01-22得票数 -1
回答已采纳
2回答
我正试着与前端和后端沟通。目前，我让后端向前端发送一个表达式，并由前端计算它。从这里开始，我希望前端将计算出来的答案发回后端。
例如:后端发送"2+2=“，前端计算2+2 =4，然后将答案4发送给后端，后端记录答案4
前端
var XMLHttpRequest = require('xhr2');
const URL = "http://localhost:5000/"
let firstNumber = Math.floor(Math.random() * 10);
let secondNumber = Math.floor(Math.random()
浏览 4提问于2022-07-01得票数 0
2回答
这是我的情况。我正在尝试建立一个带有Next.js后端的Express.js项目。根据Next.js文档，我确实将后端设置为常规后端，而不是自定义服务器。因此，我不确定我是否已经犯了一个错误，将后端设置为常规的后端。我正在尝试使用axios从后端端点http://localhost:3500/api/v1/list中获取数据，并且运行良好。但是，当我试图在第一个负载上实现reason查询时，我从后端获得了正确的数据，但是当它出于某种原因试图重新获取数据时，它击中了错误的端点http://localhost:3600/api/v1/list，并得到了404 Not错误。看起来它正在将端口从350
浏览 3提问于2021-02-20得票数 2
回答已采纳
2回答
我正在尝试调试react express应用程序的后端。我用webpack来捆绑。
如何在WebStorm上编辑配置，以便我可以同时调试前端和后端？我用的是2016年WebStorm。
浏览 0提问于2017-01-19得票数 1
回答已采纳
我正在开发一个应用程序，其中包含next.js作为前端和分离的后端服务器，运行在express上。我想知道生产部署和成本，我做了一些研究，但我不知道什么是最好的方法。
我的文件夹结构如下。我在前端分离了packages.json，在后端分离了。两个应用程序也运行在不同的端口上。我也在前面做SSR。
浏览 3提问于2022-03-26得票数 0
回答已采纳
在create-react-app中，可以在package.json中指定以下代理：
{
"name": "client",
"version": "0.1.0",
"private": true,
>>> "proxy": "http://localhost:5000", <<<
"dependencies": {
...
},
"scripts
浏览 1提问于2020-05-14得票数 1
回答已采纳
我试着旋转一个小的库伯内特斯集群，由一个前端和一个后端组成，但我无法让它发挥作用。我的主要问题是，我的前端无法通过定义的服务找到我的后端。我在这里错过了什么？也许值得一提的是我和minikube一起工作。
前部
useEffect(() => {
async function fetchData() {
try {
const result = await axios.get("http://simplebackend-service:8080/");
setData(result.data);
} catch (error) {
cons
浏览 5提问于2022-08-21得票数 0
2回答
无法在Axios中快速获得响应体
、、、、
我的前端代码：
const user = useSelector(selectUser)
function getWatchLater(name){
axios.get('http://localhost:5000/watchlater', {user:name})
.then((response)=>{
// console.log(response.data)
setWatchLater(response.data)
})
}
user变量保存用户名，函数将该用户名发送到后端以获取数据。别担心，user变量确实保存了用户名，我已经彻底检查过
浏览 9提问于2022-07-26得票数 0
我有一个问题，如果我使用nodejs作为后端，我将如何保护我的前端。例如，我创建了完整的网站，将react作为前端，后端使用nodejs，并使用Axios从后端获取和发布数据到前端，等等。
我现在的问题是，如果我在后台使用安全措施，它是否也会保护我的前端？
对于exmaple，如果我在nodejs中使用helmet，我在那里为响应头添加的保护也将应用于我的主网站，即反应前端？
这是我的意思的代码。
var express = require('express');
var helmet = require('helmet');
var app = expre
浏览 6提问于2022-04-07得票数 0
回答已采纳
我想能够创建一个PDF，并通过电子邮件发送给Express.js中的用户。我目前的技术堆栈包括:前端的Next.js和后端的Express.js。 基本上，我想在付款后向用户发送发票。我当前正在发送一封电子邮件，但我想创建一个PDF并将其附加到同一电子邮件中。发票将是基于HTML的，这意味着我将有HTML标签，如标题标签，表格等和CSS的这些元素。 我的前端(Next.js/React)实际上与这里无关，因为发票所需的所有数据都是由Express.js自己处理的。所以，我正在考虑使用jsPDF来做这件事，但是我不确定该怎么做。我不在Express中使用Pug，但我想动态创建HTML并使用它来
浏览 19提问于2019-09-13得票数 0
1回答
无法检索会话变量的快速会话
、、、、
我正在使用快速会话将我的会话持久地存储在MongoDB数据库中。
该项目在开发环境中运行良好，但出于某些原因，如果成功登录时保存的会话变量未发送到生产环境中的前端(未定义)：
server.js后端
const express = require('express');
const app = express();
const controllers = require('./controllers/adminControllers');
const router = require('./router/adminRouter');
const
浏览 10提问于2022-05-07得票数 0
我有一个托管在api.mydomain.com上的API express服务器和一个托管在mydomain.com上的Next.js网站，我的Next.js应用程序向我的API发出一个getServerSideProps请求，以获取我想要显示的页面数据。我可以为api.mydomain.com设置cookie，但不能将它们发送回express API，我只能发送存储在mydomain.com中的cookie，如何正确设置我的API可以使用的cookie？
服务器配置：
const app = express()
app.use(cookieParser())
app.use(cors({
浏览 1提问于2021-05-03得票数 0
3回答
我知道Next.js是前端的，但是当我使用next.js的API时，它可以响应和管理路由或任何关于后端的事情。然后我想知道"Next.js应用程序接口是后端的?“
浏览 20提问于2020-07-02得票数 12
这是我第一次发布网站，所以如果我的问题听起来很愚蠢或简单，请原谅。所以我终于完成了我的网站的前端和后端，我将把它发布到namecheap.com的一个主机名上。我使用的是express，我的后台的抽象示例如下所示：
const express = require("express");
const app = express();
const path = require('path');
app.use(express.static("./public"));
app.listen(5000, () => {
"ser
浏览 9提问于2021-09-05得票数 0
1回答
我正在使用npm包和我的react和express (OOP方法)，但是我仍然会得到cors错误：
CORS策略阻止从源'‘访问 '’：请求的资源上不存在“访问控制-允许-原产地”标题。
我让cors()设置在后端，在localhost:8000。我在{ withCredentials: true }的前端调用api，在localhost:3000。
所以我不知道哪里出了问题。
我的装置在下面。谢谢,
后端- express.middleware.ts
import cors from "cors";
import express from &
浏览 2提问于2021-09-11得票数 1
回答已采纳
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
回答已采纳
4回答
我是现代JavaScript web开发领域的新手。我已经构建了一个非常简单的Node/Express后端和一个单独的React前端。我的模糊计划是让有权访问前端某些区域的用户，然后让前端向后端发出请求。前端和后端是否可以共享相同的身份验证/授权方案？它们都可以使用像这样的东西吗？我怎样才能保证这两个的安全？
我有点卡住了，希望能得到任何建议或在正确方向上的推动。我被卡住了，主要是因为这是两个独立的应用程序，但从技术上讲，同一个“用户”将拥有访问某些React视图和某些Express端点的权限--它们是如何组合在一起的？
谢谢。
浏览 0提问于2018-03-12得票数 1
const port = process.env.PORT || ("http://localhost:3002")
const postUrl=`${port}/post`;
addData=()=>{
console.log(postUrl)
console.log(process.env,"AS")
Axios.post(postUrl,this.state.form)
.then((response)=>{
this.setState({errorMessage:"",successMe
浏览 1提问于2020-08-21得票数 1
回答已采纳
1回答
我想从我的nodejs后端提供一个图像，并在前端显示它，我的后端运行在8081端口，前端运行在8080端口。我可以在http://localhost:8081/image.JPG中看到图片，但在前端我得到了404，因为它正在寻找http://localhost:8081/image.JPG。 var express = require('express');
var cors = require("cors");
var bodyParser = require('body-parser');
var app = express();
app.
浏览 23提问于2021-03-28得票数 0
我做了一个全栈的mern应用程序，并在heroku中托管了nodejs后端，前端运行在netlify上。所有的.env变量都是为heroku和netlify设置的，我还设置了cors()。该网站有聊天功能，所以我使用socket.io的，这是用来工作很好的开发。
这是我的heroku服务器(后端应用编程接口) 的链接
在messenger.js文件中(这是套接字连接发生的位置)
import React, { useEffect, useState, useRef } from "react";
import io from "socket.io-client"
浏览 16提问于2021-06-07得票数 0
我有Nodejs的后端，反应正面。我检查了前端是否向后端发送了请求，并且该请求被发送到后端。后端向前端发送响应，但无法接收。
前端--请求->后端已选中。请求到达backend.Frontend <--响应--后端
在第二个过程中，--如果我使用postman接收到，它工作得很好，但是如果我接收到使用前端，它就不能工作，只会抛出错误“错误:网络错误”，不再提供任何信息。
我还试过和。
节点js后端：
export const Login = async (req: Request, res: Response, next:NextFunction) => {
浏览 5提问于2021-12-19得票数 3
我目前正在尝试连接Azure App中的前端(React)到后端(Express/nodejs)。我正在使用Windows，因为“虚拟应用程序和目录”目前并不适用于Linux。然而，根据我的研究，在这种情况下，这是必要的。
后端示例: server.js
const express = require('express');
const app = express();
const port = 3003;
require("dotenv").config(); // For process.env
[...]
app.get("/api/getBo
浏览 3提问于2022-08-10得票数 0
回答已采纳
1回答
我的应用程序由前端服务器(React，作为静态服务器)和后端服务器(Express)组成。我发现，每当我发送带有自定义标头的请求时，都会发送一个印前检查请求。这增加了我的应用程序的延迟。我希望避免这些印前检查请求。
例如,
前端: example.web.com
后端: example.api.com
一种方法是在我的后端设置代理中间件，这样请求将从后端服务器发送到后端服务器，而不是从前端(浏览器)发送到后端。
const proxy = require('http-proxy-middleware');
const express = require('express
浏览 1提问于2019-11-11得票数 0
正文解析器体为{}。我已经做了研究，并确保了ajax数据键的正确设置以及中间件的正确设置。这里是我的前端ajax调用
$.ajax({ type:"GET", url:"/api", data: {course:"MATH-226"}, success: function(data){ alert(data);} });
下面是我的后端server.js文件：
'use strict'
const express = require('express&
浏览 3提问于2016-02-27得票数 0
回答已采纳
1回答
与我赤裸裸的，因为我试图抓住一个完整的堆栈网站作为一个开发人员建设它。以下是我的网站建设方法。
我有一个前端的web应用程序构建的反应。我打算用next.js/Vercel来托管它。从根本上说，本网站将以注册、登录访问网站功能、用户数据和评论为特征。(目前在当地托管)。
后端是用PostgreSQL构建在Express上的。在restAPI架构下。(目前在本地托管，与前端分离，稍后使用AWS/Heroku之类的)。
据我理解，前端将通过HTTP协议与后端通信。提供凭据后，快捷会话将实例化会话，并将会话cookie提供给客户端。
当我查阅后端快速服务器教程时，我经常看到快速服务器在同一域中提供r
浏览 1提问于2021-05-21得票数 0
回答已采纳
1回答
与服务器端呈现堆栈进行响应
、、、、
在过去的几年里，我一直在使用一个老式的堆栈，但是对于我的用例来说非常有效。堆栈为Node + Express.js + Angular.js 1.x。基本上，后端绘制视图(通过dot.js或车把，任何模板引擎)，然后，在前端，角应用程序被安装。
用例需要是SEO友好的，所以内容必须在后端生成并直接服务。另外，UI也有它的功能，表单等等，它不仅仅是虚拟文本。
目前，对于一个具有相同用例的新项目，我希望更新我的堆栈(使用SSR，也就是服务器端呈现)，其中应用程序不需要是SPA (单个web应用程序)。基本堆栈仍然相同(Node + Express.js)，我只想更新前端库/框架。
我正在寻找一个框
浏览 4提问于2019-12-30得票数 3
我正在尝试将数据传递给我的Node.js后端，以便在get请求中使用它。 例如： Server.js
const PORT = 8000
const axios = require('axios').default
const express = require('express')
const app = express()
const cors = require('cors')
app.use(cors())
require('dotenv').config()
app.use(express.json())
app.
浏览 46提问于2021-10-20得票数 0
我有一个简单的后端快递 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
我正在尝试为后端创建一个带有节点/表达式的简单的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回答
如何不暴露我的后端
、、、、
我正在学习Docker和如何正确地发布我的容器编码一个非常简单的web应用程序。它只有两个容器，后端和前端。我在这里发布了源代码：https://github.com/sinayra/hello-private-world
如果我在本地运行每个节点应用程序，它的工作“很好”(一切都是公开的，但这不是我最终想要的)。然后，我为每个容器创建了Dockerfile，以尝试模拟一个真正的应用程序。对于前端，我公开了端口3000从主机访问。但是，我不想为主机公开端口3333，因此，我的前端无法从后面获取数据。
这是我来自前端的index.html。
<html>
<head>
浏览 0提问于2020-06-29得票数 4
回答已采纳
从前端，我试图从运行在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
1回答
反应公理cros体空
、、、
正在开发我的第一个MERN应用程序。当我试图调用我的后端api时，身体内容似乎丢失了。但它正确地使用了邮递员。所以我想我的警察有问题了。
编写我的前端代码和后端代码：
前端- login.jsx
import axios from 'axios';
...
axios.get(process.env.REACT_APP_API_URL+'/auth/login'
, {username: 'demo', password: '1234567'}
).then(user => {
con
浏览 6提问于2021-12-26得票数 0
1回答
req.files总是返回undefined。我尝试过connect-多方、body-parser和express-fileupload。如何使用express-fileupload而不是multer使其工作？ 这是我的前端： <form action="/api/upload" method="post">
<label for="imgHere">file:</label>
<input type="file" id="imgHere" name=&#
浏览 26提问于2021-11-03得票数 0
回答已采纳
我正在尝试创建一个REST应用程序，使用NodeJS上的Express作为后端，使用ReactJS作为前端。
我正在使用Nginx作为服务器。
来了，问题来了.
当我在我的本地机器上测试时，一切都很好。那里没有问题。
但是当我把它移到我的服务器上，构建我的react应用程序，运行我的express节点环境并通过域测试它的时候，它就崩溃了。
在我的实时服务器上运行post请求会一直抛出以下错误：
XHRPOSThttps://example.com/api/someRequest
[HTTP/3 405 Method Not Allowed 53ms]
Uncaught (in promise
浏览 8提问于2022-09-06得票数 1
1回答
我目前正在开发一个简单的webapp，它包含独立的前端(Vue)和后端(quarkus )项目。现在，我已经设置了一个MVP，在这里，前端显示一些简单的数据，这些数据是从后端调用的。为了获得一个有效的MVP，我需要设置CORS支持。但是，首先我想解释一下我的设置：
设置
我开始用npm run serve开发我的前端环境，用./mvnw quarkus:dev开发后端环境。前端运行在localhost:8081上，后端运行在localhost:8080上。Heroku允许使用命令heroku local web在本地运行应用程序。前端运行在端口0.0.0.0:5001上，后端运行在0.0.0.
浏览 4提问于2020-01-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
