Javascript 在VS代码Web模板工作室(React/Node)中将localhost:3000/api/List重定向到localhost:3001/api/List

Javascript 在VS代码Web模板工作室(React/Node)中将localhost:3000/api/List重定向到localhost:3001/api/List,javascript,node.js,reactjs,visual-studio-code,web-template-studio,Javascript,Node.js,Reactjs,Visual Studio Code,Web Template Studio,当使用为带有NodeJS API后端(localhost:3001)的React应用程序(localhost:3000)创建样板文件时,React应用程序会在以下位置调用API后端:例如,http://localhost:3000/api/List,如Google Chrome浏览器的网络选项卡所示 问题:当您转到http://localhost:3000/api/List使用您的浏览器,您会看到一个有标题但没有内容的网页。要访问API端点,我们需要转到http://localhost:3001

当使用为带有NodeJS API后端(localhost:3001)的React应用程序(localhost:3000)创建样板文件时,React应用程序会在以下位置调用API后端:例如,
http://localhost:3000/api/List
,如Google Chrome浏览器的网络选项卡所示

问题:当您转到
http://localhost:3000/api/List
使用您的浏览器,您会看到一个有标题但没有内容的网页。要访问API端点,我们需要转到
http://localhost:3001/api/List


代码如何实现从端口3000到3001的重定向?为什么他们不直接命中端口3001而进行重定向?

可能是一个反向代理规则,它告诉我们必须“理解”端口3000上的路由“api/List”作为本地主机:3001/api/List@Flo您的评论让我找到了
proxy
属性,它位于
package.json
中,在使用开发服务器时负责重定向。在生产环境中部署时,有没有快速使用此代理规则的方法?很抱歉,我从未在生产环境中使用过React,因此在这一点上我无法真正帮助您:/maybe a reverse proxy rule,它告诉您必须“理解”端口3000上的路由“api/List”作为本地主机:3001/api/List@Flo您的评论让我找到了
proxy
属性,它位于
package.json
中,在使用开发服务器时负责重定向。在生产环境中部署此代理规则时,是否有一种快速方法可以使用?很抱歉,我从未在生产环境中使用过React,因此在这一点上我无法真正帮助您:/