Angular 5 OAuth认证报"Unexpected end of input"错误，求排查

这个错误通常是因为服务器返回的响应无法被response.json()正确解析，结合你Postman正常但Angular报错的情况，我从代码里发现了几个关键问题，咱们一步步来修复：

1. Content-Type头拼写错误 #

你的代码里写的Content-Type少了一个关键字母：

headers.append('Content-Type', 'application/x-www-form-urlencode;charset=UTF-8' );

正确的MIME类型应该是application/x-www-form-urlencoded（末尾多一个d）。这个拼写错误会让服务器无法识别请求体格式，大概率会返回空响应或者非JSON内容，直接导致response.json()解析时抛出"Unexpected end of input"。

修复方式很简单，修正拼写即可：

headers.append('Content-Type', 'application/x-www-form-urlencoded;charset=UTF-8');

2. 确保请求体正确序列化 #

虽然你用了URLSearchParams，但在Angular旧版Http模块中，有些场景需要显式将其转为字符串才能被服务器正确解析。可以尝试把请求体改成urlSearchParams.toString()：

return this.http.post('http://localhost:19483/api/token', urlSearchParams.toString(), options)

3. 给错误处理加调试信息 #

当前的catch块直接返回Observable.of(false)，完全看不到服务器实际返回的错误内容。建议临时修改错误处理逻辑，排查具体问题：

.catch(error => {
  console.error('认证请求出错:', error);
  console.error('服务器响应体:', error._body); // 旧Http模块获取响应体的方式
  return Observable.throw(error);
});

这样能帮你确认服务器到底返回了什么——比如是401未授权，还是响应体为空，方便进一步定位问题。

额外检查：CORS配置（如果存在跨域） #

虽然Postman不受CORS限制，但Angular在浏览器中会触发预检请求。确保你的C# API已经配置了正确的CORS规则，允许POST请求、携带自定义头，并且允许返回必要的响应头（比如Access-Control-Allow-Origin）。

按上面的步骤调整后，应该就能解决这个解析错误的问题了。

内容的提问来源于stack exchange，提问作者jasper88