Angular2 火力地堡 : Response for preflight has invalid HTTP status code 405

Question

我是 Angular2 的新手。在尝试从 Firebase API 获取值时，出现以下错误:

OPTIONS https://udemy-ng-http.firebaseio.com/data 405 (Method Not Allowed)

Failed to load https://udemy-ng-http.firebaseio.com/data: Response for preflight has 

invalid HTTP status code 405

但我能够将数据发布到 Firebase API 端点。

我还尝试了该社区提供的其他解决方案，但没有帮助。下面是我的代码。

代码:

 getServer(){
    let headers = new Headers();
    headers.append('Access-Control-Allow-Headers', 'Content-Type');
    headers.append('Access-Control-Allow-Origin', '*');
    headers.append('Content-Type', 'application/json') ;
    headers.append('charset','UTF-8');
    headers.append('Accept','application/json');
    let options = new RequestOptions({ headers: headers });

    return this.http.get('https://udemy-ng-http.firebaseio.com/data',options)
        .map(
            (response: Response) => {
                const data = response.json();
                for (const server of data) {
                  server.name = 'FETCHED_' + server.name;
                }
                return data;
            }
        )
        .catch(
            (error: Response) => {
              return Observable.throw('Something went wrong');
            }
        );
}

Answer 1

尝试删除 headers.append('Access-Control-Allow-Origin', '*');

有两个sample functions由 Firebase 团队提供，演示了 CORS 的使用:

• Time server with date formatting
• HTTPS endpoint requiring Authentication

第二个示例使用与您当前使用的不同的方式处理 cors。

此外，考虑像这样导入，如示例所示:

const cors = require('cors')({origin: true});