ANGULAR:POST请求返回null

Soukaina Benchekroun

当我添加一个新组时,我想像邮递员那样回答,因为我需要添加对象ID

在此处输入图片说明

这是我的职责

addGroupe(groupe: Groupe): Observable<Groupe> {
    return this.http
      .post<Groupe>(`${this.url}/groupe`, groupe)
      .pipe(catchError(this.handleError('addGroupe', groupe)))
  }

这是检索答案的函数,但始终返回null

this.groupeService.addGroupe(groupe).subscribe((resp: Groupe) => {
      console.log("response", resp);      
    });

在此处输入图片说明

用户名

变更:

addGroupe(groupe: Groupe): Observable<Groupe> {
    return this.http
      .post<Groupe>(`${this.url}/groupe`, groupe)
      .pipe(catchError(this.handleError('addGroupe', groupe)))
}

至 :

let options = {
    headers: new HttpHeaders().set('Content-Type', 'application/x-www-form-urlencoded')
};
addGroupe(groupe: Groupe): Observable<Groupe> {
    return this.http
      .post<Groupe>(`${this.url}/groupe`, groupe, options)
      .pipe(catchError(this.handleError('addGroupe', groupe)))
}

附加:为了确保所有浏览器都支持它,我建议使用polyfill

import 'url-search-params-polyfill';

npm i url-search-params-polyfill --save

更明确地说:发生CORS错误的原因有多种,但总是与安全风险有关,服务器有权确定客户端具有的访问权限,浏览器会遵循指示其是的一部分response headers,例如:

'Access-Control-Allow-Credentials' : true,
'Access-Control-Allow-Origin':'*',
'Access-Control-Allow-Methods':'GET',
'Access-Control-Allow-Headers':'application/json'

如我先前建议的那样,您是否更有可能(application/x-www-form-urlencoded)。但是,如果没有用,您可以curl -I http://ip:port在终端(或cmd,但如果使用Windows则需要安装)中运行,以查看服务器Access-Control-Allow-Origin是否允许客户端。通过指定IP:PORT或*(表示全部允许)。如果不允许,则可以更改服务器中的响应头(如果可以访问)或使用CORS proxy(如果服务器位于WAN上而不只是本地说明),或使用浏览器插件忽略服务器说明,但我不建议您这样做,因为其他用户也可以使用它。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Ionic + Angular POST请求返回状态404

来自分类Dev

在来自状态的 post 请求中发送日期总是返回 NULL

来自分类Dev

为什么我对 PHP 文件的 Angular POST 请求返回 404?

来自分类Dev

NET Core Api 中收到的 Angular POST 请求为 Null

来自分类Dev

准备 Angular Post 请求

来自分类Dev

Ajax Post返回Null

来自分类Dev

POST请求返回[对象,对象]

来自分类Dev

POST 请求:返回状态报告

来自分类Dev

SwiftyJSON API请求返回Null

来自分类Dev

通过Angular应用程序的Node.js POST请求返回错误404“未找到”

来自分类Dev

Android HTTP Post返回null

来自分类Dev

$ _POST内的for循环返回null

来自分类Dev

httr对API的POST请求返回400错误

来自分类Dev

尝试获取POST以返回400错误请求

来自分类Dev

API请求$ _POST返回空数组

来自分类Dev

Wisper和Grape从POST请求返回结果

来自分类Dev

处理JavaScript中POST请求返回的数据

来自分类Dev

Axios POST请求返回未定义

来自分类Dev

API请求$ _POST返回空数组

来自分类Dev

iQuery ajax请求返回空的$ _POST

来自分类Dev

WCF Post方法,返回400错误请求

来自分类Dev

HttpURLConnection POST返回400错误请求

来自分类Dev

CORS POST 请求返回空正文

来自分类Dev

ASP .NET Core 3.1登录构造函数返回NULL。JsonApiDotNetCore不会从Post请求中绑定Login属性。

来自分类Dev

耗时POST请求始终返回400错误请求

来自分类Dev

通过请求(Python)的POST请求不返回数据

来自分类Dev

有效的api请求返回null

来自分类Dev

Disqus API请求返回NULL JSON

来自分类Dev

从请求获取帖子数据返回null