连续发出多个请求时，Angular CORS问题

Question

我正在使用Angular 6，并且我有一个节点api后端。

Iam出现了问题，但仅偶尔发生。

每隔5秒我就会执行一次http get请求

   const url = 'https://<removed>.com/api/v1/transactions/' + transactionId;

    interval(5000)
        .pipe(
            switchMap(() => this.httpClient.get(url)),
            tap((response: any) => {
                this.summary = response;
            }),
            takeWhile((response: any) => response.data['status'] !== 'Completed'),
    ).subscribe();

}

第一个请求很好，然后我在下一个请求中收到以下错误。

无法加载https：//“” .com / api / v1 / transactions / f3debad2-a830-4168-9a03-475389dae7e0：请求的资源上没有'Access-Control-Allow-Origin'标头。 因此，不允许访问源' http：// localhost：4200 '。 响应的HTTP状态代码为502。

跨域读取阻止（CORB）阻止了MIME类型为text / html的跨域响应https：//“” .com / api / v1 / transactions / f3debad2-a830-4168-9a03-475389dae7e0。 有关更多详细信息，请参见https://www.chromestatus.com/feature/5629709824032768 。

再一次，这种情况有时会发生，有时我可以通过200个响应发出我想要的尽可能多的请求。

在我所有的路由之前，我在节点后端有。

this.app.use(cors());

Answer 1

我不确定这是否可以解决您的CORB问题。 我添加了一个超时作为我的CORB问题的临时解决方法。 如果我的http请求完成时间太长或重定向太多，就会出现我的CORB问题

示例：如果我向（ http : //www.redbull.com，http : //www.redbull.org，http://www.redbull.net等等）发出多个请求，则其他扩展名可能会重定向到。 COM，如果花费的时间太长，我会收到与您类似的CORB错误

所以我要做的就是添加超时

// set request option
const requestOption = url => {
    return {
       url      : url,
       method   : 'HEAD',
       json     : true,
       timeout  : 5000,
       headers  : { 'connection': 'Keep-Alive' }
    }
}

// initialize request
const initializeRequest = (callback, option) => {
    request(option, (error, response, result) => {
      // for undefined response
      if(!response)
          return callback(null, response === undefined ? 404 : 200)

      callback(error, response.statusCode);
    }); 
}

// on your controller
module.exports.executeRequest = (req, res) => {
    //call initialize request here and create error handler.
    initializeRequest(your callback, requestOption(your URL));
}