Node.js 对后端节点的React Http post请求处于挂起状态

Node.js 对后端节点的React Http post请求处于挂起状态,node.js,reactjs,next.js,Node.js,Reactjs,Next.js,我在nodejs中有一个注册后端,在nextjs/reactjs中有一个注册前端 我看到我的http post请求显示“待定”。没有错误消息 挂起的错误指向此处的提取调用 从“同构提取”导入提取; 从“../config”导入{API}; 导出常量注册=(用户)=>{ 返回fetch(`${API}/signup`,{-----挂起指向此处 方法:“POST”, 标题:{ 接受:'application/json', “内容类型”:“应用程序/json” }, 正文:JSON.string

我在nodejs中有一个注册后端,在nextjs/reactjs中有一个注册前端

我看到我的http post请求显示“待定”。没有错误消息

挂起的错误指向此处的提取调用

从“同构提取”导入提取;
从“../config”导入{API};
导出常量注册=(用户)=>{
返回fetch(`${API}/signup`,{-----挂起指向此处
方法:“POST”,
标题:{
接受:'application/json',
“内容类型”:“应用程序/json”
},
正文:JSON.stringify(用户)
})
。然后(响应=>{
返回response.json()
})
.catch(err=>console.log(err));

}
我假设
API
主机与运行nextjs应用程序的主机不同?如果是这样,则您的
/signup
端点上的跨源资源共享(CORS)实现可能存在问题。此外,您可能还需要明确允许某些请求头,如
Accept
Content-Type

不确定如何实现
/signup
端点,但需要设置以下响应头

"Access-Control-Allow-Origin": "*"
"Access-Control-Allow-Headers": "Origin, Content-Type, Accept"
如果您不希望将其设置为通配符
*
值,则还可以将特定值设置为
访问控制允许原点

"Access-Control-Allow-Origin": "http://somehost.com"
"Access-Control-Allow-Headers": "Origin, Content-Type, Accept"

我也犯了同样的错误。但当我检查时,这是由于我在路由中的验证导致的,该路由不允许我的请求到达控制器,并且请求在开发人员选项中显示为挂起。

问题可能是
标题:{Accept:'application/json','Content Type':'application/json'},
。您可以这样尝试:{'Content-Type':'application/json'},相同的挂起状态。在《邮递员》中,http请求非常有效,非常感谢。添加以下内容可解决此问题。它实际上被CORS应用程序阻止了。use((req,res,next)=>{res.setHeader('Access-Control-Allow-Origin','*');res.setHeader('Access-Control-Allow-Methods','OPTIONS,GET,POST,PUT,PATCH,DELETE');res.setHeader('Access-Control-Allow-Headers','Content-Type,Authorization');next();})很高兴我能提供帮助。如果你能接受我的回答,那就太好了