Reactjs 当服务器使用React npm start启动时,Axios GET(';urlextension';)调用未触发服务器端函数

Reactjs 当服务器使用React npm start启动时,Axios GET(';urlextension';)调用未触发服务器端函数,reactjs,get,axios,server-side-rendering,Reactjs,Get,Axios,Server Side Rendering,作为一项研究的一部分,我一直在尝试使用React、NodeJS和MongoDB创建一个简单的web应用程序。我已经取得了一些进展,但是我陷入了通过axios GET请求调用服务器端函数以获取页面数据的阶段 我只通过运行“node server/server.js”,然后调用api url:“/api/images”和测试了api端点,它正在工作,并从数据库中给出结果。但是,如果我通过React with npm start启动服务器,那么componentDidMount中的axios GET调

作为一项研究的一部分,我一直在尝试使用React、NodeJS和MongoDB创建一个简单的web应用程序。我已经取得了一些进展,但是我陷入了通过axios GET请求调用服务器端函数以获取页面数据的阶段

我只通过运行“node server/server.js”,然后调用api url:“/api/images”和测试了api端点,它正在工作,并从数据库中给出结果。但是,如果我通过React with npm start启动服务器,那么componentDidMount中的axios GET调用似乎没有到达服务器端功能。我还测试了GET调用是否对外部api位置有效,并且是否有效。因此,我的问题是,为什么在使用带有React的axios时,无法实现服务器端功能

如果你能看一看并帮我解决问题,我将不胜感激。我试着尽可能多地提供代码片段和文件夹设置信息。如果需要进一步的信息,请告诉我

这是我的 以下是我的server.js代码:
“严格使用”;
/**需要依赖项*/
const express=要求(“express”);
const routes=require(“./routes/”);
const mongoose=require('mongoose');
const cors=需要(“cors”);
const bodyParser=require('body-parser');
常量头盔=需要(“头盔”);
常量app=express();
const router=express.router();
const url=process.env.MONGODB_URI |”mongodb://localhost:27017/sharing_app";
/**连接到MongoDB数据存储*/
试一试{
mongoose.connect(url{
//useMongoClient:true
});    
}捕获(错误){
}
让port=8080 | | process.env.port;
/**设置路由{API端点}*/
路由(路由器);
/**设立中间商*/
应用程序使用(cors());
use(bodyParser.json());
应用(头盔());
应用程序使用('/api',路由器);
/**启动服务器*/
应用程序侦听(端口,()=>{
log(`Server started at port:${port}`);

});我已将所有代码从c9.io传输到Visual Studio,现在它可以正常工作。

尝试向
包.json添加代理字段,如下所示:
“代理”:http://localhost:8080“
然后重新启动。首先,非常感谢您的快速回复。我已经尝试过了,但是出现了“无效主机头”错误。仅供参考-我使用的是c9.io,我使用的是create react应用程序。也许我需要更改webpack.config.dev.js文件中的某些内容?啊,我很抱歉。我以为你是在自己的机器上本地使用这些。那么我恐怕不知道出了什么问题。如果有帮助的话,在从GET调用得到404错误之后,我也得到了websocket错误:websocket.js:6 websocket连接到'wss://...c9.io/sockjs-node/948/x0drpvtg/websocket'失败:WebSocket握手期间出错:意外响应代码:400