POST Angular 2 application / json

时间:2017-10-24 13:41:05

标签: json angular api post postman

我目前正在使用Angular 2进行开发和应用,但在将POST数据用于API时遇到了一些问题。

以下是我在Angular中设置标题选项的方法。

const object = {
    AccessToken: accessToken,
    Item: {
        Id: role.Id,
        Name: role.Name,
        AuthorizedThreshold: role.AuthorizedThreshold
    }
};
const url = this.serverUrl + '/api/Role/Update';
const myHeaders = new Headers(); 
myHeaders.set('Content-Type', 'application/json');
myHeaders.set('Accept', 'application/json'); 
const options = new RequestOptions({ headers: myHeaders });

return this.http.post(url, object, options).map((res: Response) => res.json());

每当我尝试发布POST时,都会发生错误405.

enter image description here

然后,当我使用 Postman 模拟调用时,将标题和内容类型设置为&#39; application / json&#39;,它使用相同的有效负载。< / p>

请在下面找到 Postman 结果。

enter image description here

以下是在WebConfig API中设置的

<httpProtocol>
  <customHeaders>
    <add name="Access-Control-Allow-Origin" value="*" />
    <add name="Access-Control-Allow-Headers" value="Content-Type" />
    <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE,OPTIONS" />
 </customHeaders>
</httpProtocol>

是否有人遇到过这个问题?

谢谢,

0 个答案:

没有答案