繁体   English   中英

Angular POST从ASP.NET Core Web API返回500错误

[英]Angular POST returns 500 error from ASP.NET Core Web API

我正在将data从Angular客户端发布到ASP.NET Core Web API。 如果data包含ć,č,š之类的拉丁字符,则返回500 Internal error,否则返回201。

这是data类:

export class FinalFormData {
    name: string;
    url: string;
    dateCreated: Date;
    tags: any[];
}

用于处理POST函数数据的函数:

this.data.postData(this.finalData)
    .subscribe(data => {
        this.finalData = data;
        this.router.navigate(["/"]);
    }, err => console.log(err));

发布数据的功能:

public postData(data: FinalFormData): Observable<FinalFormData> {
    return this.http.post<FinalFormData>("/api/links", data, {
        headers: new HttpHeaders({
            'Content-Type' : 'application/json; charset=utf-8'
        })
    });
}

网络API

    [HttpPost("")]
    public async Task<IActionResult> Post([FromBody]FinalFormViewModel theLink)
    {
        if (ModelState.IsValid)
        {
            var newLink = new Links
            {
                UserName = User.Identity.Name,
                Url = theLink.Url,
                Name = theLink.Name,
                DateCreated = DateTime.UtcNow
            };
            //newLink.Name = _repository.GetTitle(newLink.Url);

            _repository.AddLink(newLink);
            _context.SaveChanges();
            Links link = _repository.GetLinkByName(newLink.Name);

            foreach (var tag in theLink.Tags)
            {
                var newTag = new Tags
                {
                    Name = tag
                };
                _repository.AddTag(link, newTag, newLink.UserName);
            }

            // Returning data

            var data = new FinalFormViewModel()
            {
                Name = newLink.Name,
                Url = newLink.Url,
                DateCreated = newLink.DateCreated,
                Tags = newLink.Tags.Select(t => t.Name).ToList()
            };
            if (await _repository.SaveChangesAsync())
            {
                return Created($"api/links/{theLink.Name}", data);
            }             
        }
        return BadRequest("Failed to save the link");
    }

在每种情况下,在Web API中进行调试时,代码都将return Created($"api/links/{theLink.Name}", data); 这意味着它将返回201状态。

但是,即使č,ć,ž之类的字符即使返回201也属于url字符串,但在浏览器中我却在控制台中看到以下错误消息:

"Http failure response for http://localhost:54105/api/links: 500 Internal Server Error"

订阅Observable之后将不会成功。 在没有那些特殊字符的其他情况下,它可以正常工作。

网络响应:

网络响应

编辑

我现在实际上发现服务器错误:

InvalidOperationException: Invalid non-ASCII or control character in header: 0x0161

Microsoft.AspNetCore.Server.Kestrel.Internal.Http.FrameHeaders.ThrowInvalidHeaderCharacter(char ch)

Angular一次只能支持一种语言,因此,如果您想从英语切换到拉丁语,则需要重新加载应用程序上下文。

更多详细信息请参见Angular 5国际化

jdweng是正确的。 UTF-8不包含您提到的字符: http : //www.utf8-chartable.de/

另一方面,ISO-8859-2包括它们: https : //www.terena.org/activities/multiling/ml-docs/iso-8859.html

所以就像这里所说的: https : //stackoverflow.com/a/43164489/4770754

发送请求时包括RequestOptionsArgs。

在RequestOptionsArgs中指定字段responseType:ResponseContentType。 (ResponseContentType.ArrayBuffer或ResponseContentType.Blob)

使用TextDecoder或类似方法解码结果。

参见文档:

https://angular.io/api/http/Http

https://angular.io/api/http/RequestOptions

https://angular.io/api/http/ResponseContentType

更新:

或者您可以按照您所说的去做,而theLink.Name使用theLink.Url而不是theLink.Url ,它不会包含非ASCII字符。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM