Angular中的“Cross-OriginRequestBlocked”
创始人
2024-10-31 12:00:49
0

在Angular中,要解决CORS(跨域资源共享)问题,需要在服务端进行配置,同时也需要在Angular代码中进行相应的修改。

在服务端配置中,需要添加如下代码:

header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: POST, GET, OPTIONS, DELETE");
header("Access-Control-Allow-Headers: Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With");

在Angular代码中,可以使用HttpClientModule并添加如下代码:

import { HttpClientModule } from '@angular/common/http';
import { HttpHeaders } from '@angular/common/http';

const httpOptions = {
  headers: new HttpHeaders({ 'Content-Type': 'application/json' })
};

this.httpClient.post(url, data, httpOptions).subscribe((res)=>{
  console.log(res);
});

同时,也可以使用JSONP来解决CORS问题。例如:

this.jsonp.get(url).subscribe((res)=>{
  console.log(res);
});

相关内容

热门资讯

第一分钟脚本!苹果手机微信小程... 第一分钟脚本!苹果手机微信小程序游戏破解器,微乐小程序免费黑科技,练习教程(有挂神器)-哔哩哔哩1、...
第2分钟安装!微乐家乡小程序修... 第2分钟安装!微乐家乡小程序修改器,微乐小程序黑科技,模板教程(有挂修改器)-哔哩哔哩1、进入到微乐...
第6分钟辅助!微信小程序微乐挂... 第6分钟辅助!微信小程序微乐挂如何获取,微乐小程序免费黑科技,演示教程(有挂脚本)-哔哩哔哩1)微信...
第一分钟安装!微信微乐小程序辅... 第一分钟安装!微信微乐小程序辅助器免费安装,微乐小程序免费黑科技,绝活教程(有挂下载)-哔哩哔哩1、...
第五分钟安装!微信小程序微乐破... 第五分钟安装!微信小程序微乐破解器,微乐小程序免费黑科技,方式教程(有挂辅助)-哔哩哔哩1、点击下载...
7分钟插件!微乐小程序黑科技下... 7分钟插件!微乐小程序黑科技下载,微乐小程序免费黑科技,演示教程(有挂平台)-哔哩哔哩1、游戏颠覆性...
第八分钟脚本!微乐如何自己建脚... 第八分钟脚本!微乐如何自己建脚本,微乐小程序免费黑科技,法子教程(有挂脚本)-哔哩哔哩进入游戏-大厅...
第3分钟安装!微乐自建房辅助软... 第3分钟安装!微乐自建房辅助软件有哪些功能,微乐小程序黑科技,法门教程(有挂插件)-哔哩哔哩在进入微...
第二分钟插件!微乐自建房怎么提... 第二分钟插件!微乐自建房怎么提高胜率,微乐小程序黑科技,课程教程(有挂神器)-哔哩哔哩1、金币登录送...
十分钟脚本!微乐贵阳足鸡麻将开... 十分钟脚本!微乐贵阳足鸡麻将开挂,微乐小程序免费黑科技,模板教程(有挂工具)-哔哩哔哩1、玩家可以在...