axios 从React到Ballerina服务器的POST请求的CORS错误

vohkndzv  于 2023-10-18  发布在  iOS
关注(0)|答案(1)|浏览(104)

我有一个本地Ballerina服务器(http://localhost:8080)和React前端(http://localhost:3000)设置,我遇到了一个CORS错误,而试图通过axios发送POST请求到服务器。有趣的是,当我通过Postman发出同样的请求时,我不会遇到这个错误。
以下是CORS错误:

Response to preflight request doesn't pass access control check: 
No 'Access-Control-Allow-Origin' header is present on the requested resource.

我该如何解决这个问题?

lymnna71

lymnna711#

Postman 不验证CORS报头。但是,浏览器确实会将其作为一种安全措施进行验证,以防止跨站点请求。若要解决此CORS错误,请将“http://localhost:3000”添加到服务的CORS配置中。下面是如何配置它的示例:

@http:ServiceConfig {
    cors: {
        allowOrigins: ["http://localhost:3000"]
    }
}
service / on new http:Listener(8080) {

}

此配置将允许来自在'http://localhost:3000'上运行的React应用程序的请求访问Ballerina服务器,而不会遇到CORS问题。

相关问题