node.js - 未设置 Glue CORS 标头的 Hapi.js

Question

好的，这就是我的胶水清单的样子。如您所见，正在设置 cors 对象，但是从前端应用程序运行时，我不断收到这个愚蠢的错误：localhost:3000。

Access to XMLHttpRequest at 'http://localhost:8082/api/v1/check_out_order' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

"glueManifest": { 
        "server": {         
            "port": 8082,
            "routes": {
                "cors": {
                    "origin": ["*"],
                    "additionalHeaders": ["cache-control", "x-requested-with"]
                }
            }
        },

任何可能对我有解决方案的人将不胜感激！蒂亚！

Answer 1

您的后端还需要在所有端点上接受“OPTION”类型的 HTTP 请求+ 将标头添加到所有响应中。

HTTP OPTIONS 方法用于描述目标资源的通信选项。客户端可以为 OPTIONS 方法指定一个 URL，或者一个星号 (*) 来引用整个服务器。

资源：https ://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/OPTIONS

Access-Control-Allow-Origin 响应标头指示响应是否可以与来自给定源的请求代码共享。

资源：https ://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Origin

Answer 2

尝试这个： var server= new Hapi.Server({ port: 8082, routes: { cors: true }});