如何在 hapi.js 中允许 CORS

Question

我是 Hapi.js 的新手，我设计了一个登录 API。我从邮递员那里得到了正确的有效载荷数据，但是当我从我的 Angular 应用程序调用相同的 API 时，我没有得到数据。即使在网络选项卡中，它也会显示失败状态。

经过一些 RND，我发现了 CORS 问题，并以这种方式设置了 CORS。

const server = Hapi.server({
    port: 3000,
    host: '192.168.1.13',        
    "routes": {
        "cors": {
            "origin": ["Access-Control-Allow-Origin","192.168.1.13:4200"],
            "headers": ["Accept", "Content-Type"],
            "additionalHeaders": ["X-Requested-With"]
        }
    }
});

我将此链接用于refrence。

我的节点服务器在 3000 端口上运行，而 Angular 应用程序在 4200 上运行。

错误信息：

从 'http://192.168.1.13:3000/login' 访问 XMLHttpRequest 来源 'http://192.168.1.13:4200' 已被 CORS 策略阻止： 对预检请求的响应未通过访问控制检查：否 'Access-Control-Allow-Origin' 标头出现在请求的 资源。

Answer 1

尝试在没有"Access-Control-Allow-Origin" 的情况下编写它，如果还没有这样做的话。这可能是问题的根源：

const server = Hapi.server({
port: 3000,
host: '192.168.1.13',        
"routes": {
    "cors": {
        "origin": ["http://192.168.1.13:4200"],
        "headers": ["Accept", "Content-Type"],
        "additionalHeaders": ["X-Requested-With"]
    }
}
});

如果即使这样也不起作用，请尝试这样做以确保问题不在其他地方：

const server = Hapi.server({
port: 3000,
host: '192.168.1.13',        
"routes": {
    "cors": true
}
});