Angular应用程序无法从CloudFlare后面的启用CORS的站点获取数据。
创始人
2024-10-30 14:00:36
0

这个问题是由于CloudFlare设置了CORS头,但是Angular应用程序在发送请求时没有附带必要的请求头。可以通过在请求时添加以下选项来解决这个问题:

在Angular 的 Http 请求中加入以下选项:

import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';

@Injectable()
export class DataService {
  constructor(private http: HttpClient) { }

  getData() {
    const url = 'http://example.com/api/data';

    const headers = new HttpHeaders({
      'Content-Type': 'application/json',
      'Access-Control-Allow-Origin': '*'
    });

    return this.http.get(url, { headers });
  }

}

需要注意的是:在请求时需要添加Access-Control-Allow-Origin到请求头中,这表示该请求是允许跨域的,*表示所有站点都允许访问。

另外,也可以通过在 CloudFlare 中添加“Access-Control-Allow-Origin” 来允许所有站点调用 API。

在 CloudFlare 中添加一个自定义请求头:

Access-Control-Allow-Origin: *

这样就可以解决 Angular 应用程序无法从启用 CORS 的站点获取数据的问题了。

相关内容

热门资讯

透视工具!wepoker免费脚... 透视工具!wepoker免费脚本(透视)wepoker免费钻石(本来有脚本)-哔哩哔哩1、wepok...
透视脚本!wepoker免费辅... 透视脚本!wepoker免费辅助器(透视)wepoker智能辅助插件(一贯真的有辅助器)-哔哩哔哩1...
透视工具!aapoker怎么控... 透视工具!aapoker怎么控制牌(透视)aapoker透视插件(真是真的有透视)-哔哩哔哩1、点击...
透视软件!hhpoker是正品... 透视软件!hhpoker是正品吗(透视)hhpoker有后台操作吗(本来一直都是有辅助器)-哔哩哔哩...
透视脚本!hhpoker免费透... 透视脚本!hhpoker免费透视脚本(透视)hhpoker可以控制牌吗(本来是真的有透视)-哔哩哔哩...
透视神器!wepoker插件功... 您好,wepoker插件功能辅助器这款游戏可以开挂的,确实是有挂的,需要了解加去威信【4852750...
透视技巧!wepoker辅助器... 透视技巧!wepoker辅助器是真的吗(透视)wepoker有辅助吗(本来是有挂)-哔哩哔哩wepo...
透视软件!wepoker软件安... 透视软件!wepoker软件安装包(透视)hhpoker万能辅助器(本来是真的有挂)-哔哩哔哩1、在...
透视app!wpk软件是正规的... 透视app!wpk软件是正规的吗(透视)wpk透视工作室(一贯真的是有透视)-哔哩哔哩进入游戏-大厅...
透视攻略!德普之星有透视辅助吗... 透视攻略!德普之星有透视辅助吗(透视)德普之星私人局透视(确实真的有脚本)-哔哩哔哩亲,关键说明,德...