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 的站点获取数据的问题了。

相关内容

热门资讯

透视透视!hhpoker透视功... 透视透视!hhpoker透视功能如何下载,wepoker游戏的安装教程,解密教程(原生是有挂)需要回...
透视好友房!wepoker辅助... 透视好友房!wepoker辅助下载,wepoker有机器人吗,透视教程(先前有挂);wepoker辅...
透视讲解!wepoker作弊辅... 1、透视讲解!wepoker作弊辅助,wpk辅助哪里买,力荐教程(本然有挂);详细教程。2、wepo...
辅助透视!hhpoker透视脚... 辅助透视!hhpoker透视脚本视频,hhpoker俱乐部是干嘛的,解说技巧(好像真的有挂);1分钟...
透视好友房!hhpoker辅助... 透视好友房!hhpoker辅助软件,wepoker免费脚本弱密码,总结教程(其实是真的有挂)1、不需...
透视软件!wepoker辅助器... 透视软件!wepoker辅助器是真的的吗,aapoker辅助软件合法吗,软件教程(竟然是有挂);亲真...
透视最新!德普之星辅助器,hh... 透视最新!德普之星辅助器,hhpoker辅助挂,辅助教程(从来是真的有挂)是一款可以让一直输的玩家,...
透视安卓版!hhpoker透视... 1、透视安卓版!hhpoker透视下载链接在哪里,werplan外卦神器,切实教程(好像有挂)。2、...
透视新版!wepoker透视脚... WePoker透视辅助版本稳定性对比与推荐‌:透视新版!wepoker透视脚本网页,安装不了wepo...
透视脚本!wpk辅助软件,we... 透视脚本!wpk辅助软件,we-poker有人玩吗,德州论坛(先前是真的有挂)关于wpk辅助软件机制...