angular - Angular 4:对 XMLHttpRequest 的访问已被 CORS 策略阻止
问题描述
试图将数据从 PHP Api 获取到 Angular 4
组件.ts:
this.usraeem_ser.get_error_msg(JSON.stringify(this.colFilter)).subscribe(
(errMsg : any) => {
console.log(errMsg);
},
(error: any) => console.log (error["message"])
);
this.colFilter 是对象数组。
服务.ts:
get_error_msg(errObj : any):Observable<any>{
return this.http.post(this.error_msg,errObj,{
headers: new HttpHeaders ({
'Content-Type': 'application/json'
})
})
}
this.error_msg 是 API 的路径
在 php 文件中:
<?php
// required headers
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Headers: access");
header("Access-Control-Allow-Methods: *");
header("Access-Control-Allow-Credentials: true");
header("Content-Type: application/json; charset=UTF-8");
echo json_encode("test");
?>
即使在后端 API 中提供 Access-Control-Allow-Origin: * 之后,我也会收到以下错误:
有什么问题我正在做任何解决方案或任何替代方法来做到这一点。
解决方案
尝试使用Canary 浏览器或以下命令。
严格建议开发。
chromium-browser --disable-web-security --user-data-dir="[some directory here]"
推荐阅读
- hibernate - 具有休眠状态的实体的映射中的重复列
- javascript - 如何检查访问重定向下载 url 以进行 wp 日志记录的访问者?
- jenkins - 如何在詹金斯管道构建上运行任务/促销?
- angularjs - ngx-toastr GlobalConfig 超时设置
- java - KeyStore.load 不起作用,但 KeyStore.getkey 使用相同的密码
- swift - 无法在侧边菜单中填充表格视图单元格
- matlab - 杀死在 Matlab 中创建的 Excel 进程
- single-sign-on - 密钥表验证失败
- python - 获取满足条件的所有可能的 3x2 矩阵的数量
- sql-server - 如何在 ODBC Snowflake Destination 上执行存储过程?