角8错误：解析超文本传输协议时Http失败

Question

尝试从Angular 8应用程序调用服务时出错。服务内容如下：

const httpOptionsPlain = {
  headers: new HttpHeaders({ 'Accept': 'text/plain',
                             'Content-Type': 'text/plain'                             
                             })
};

@Injectable()
export class TripService {

public getTripNameById(tripId: number): Observable<any> {
    return this.http.get<any>(`${this.baseUrl}/Trips/Trip/Name/${tripId}`,  httpOptionsPlain);
  }

下面是Java rest api（从浏览器调用时工作正常）：

@GET
@Path("Trip/Name/{fundId}")
@Produces("text/plain")     
public String getTripNameById(@PathParam("tripId") Integer tripId) {        
    return myDao.getNameById(tripId);       
}

我在chrome控制台中发现错误：

错误：{error:SyntaxError:JSON中位于XMLHtt处JSON.parse（）位置0处的意外标记A…，文本：“AAA BBB CCC”}头：HttpHeaders{normalizedNames:Map（0），lazyUpdate:null，lazyInit:ƒ}消息：“在对http://localhost:8080/...名称：“HttpErrorResponse”

我发送的是纯文本，所以我不知道为什么服务会尝试解析json。

Answer 1

默认情况下，HttpClient将响应转换为response.json（）。如果你是API返回非json响应，你必须指定

this.http.get(url, {responseType: 'text'}).

在代码中，通过删除使其非泛型

return this.http.get(`${this.baseUrl}/Trips/Trip/Name/${tripId}`,  httpOptionsPlain);

Answer 2

请你试试

const httpOptionsPlain = {
  headers: new HttpHeaders({
    'Accept': 'text/plain',
    'Content-Type': 'text/plain'
  }),
  'responseType': 'text'
};

@Injectable()
export class TripService {

public getTripNameById(tripId: number): Observable<string> {
    return this.http.get<string>(`${this.baseUrl}/Trips/Trip/Name/${tripId}`,  httpOptionsPlain);
  }

我刚刚在responseType中添加了“