Angular7:无法设置{responseType：'text'}

Question

场景：在从Angular7调用API时，我调用Node (通过Angular7)并返回字符串类型的块数据--我想捕获这个字符串数据并将其显示为string。

服务器端：从节点后端发送的数据是“文本”而不是json.数据通过多个res.write(“一些字符串”)语句发送

客户端的角度：我想要一个可观察的处理这些数据.

1. 当我没有提到任何responseType返回this.http.get(this.streamURL )；我得到了错误：

SyntaxError:意外令牌{在JSON.parse ()位置12处的JSON中

​

​

1. 当我没有提到responseType 'text返回this.http.get(this.streamURL，{ responseType：‘text’})；.我在编译时得到错误：

src/app/myS.service.ts中的错误(24，54)：错误TS2322:键入‘text’‘不能指定键入’json‘’

我如何从我的节点JS后端获取“文本”数据..。我在我的节点中使用npm，所以没有cors错误。

演示代码可在这里获得：https://stackblitz.com/edit/angular-44sess

我的后端在下面的片段中：

​

app.get('/obs/responseWrite', cors(), function(req, res){
  var j=0;
  
  const headers = { 
    'Content-Type': 'text',     
    'Access-Control-Allow-Origin': '*',
    'Access-Control-Allow-Methods': 'OPTIONS, POST, GET',
    'Access-Control-Max-Age': 2592000, // 30 days
  };
  res.writeHead(200,headers);
  
  for(var i=0; i<50000; i++){
    /* setInterval(function() {    res.write("returning j:["+ j + "]. "); j=j+1; if(j>=100){res.end();} }, 1000); */
    var myObj =  { return : i };
    var myStr= JSON.stringify(myObj);
    console.log(myStr);
    res.write(myStr);
  }
  setInterval(function() {    res.end(); }, 15000);
  
});

​

Answer 1

在这种情况下，我总是使用以下模式：

​

returnObservable(): Observable<any> {
  const requestOptions: Object = {
    /* other options here */
    responseType: 'text'
  }
  return this.http.get<any>(this.streamURL , requestOptions);
}

​

希望它能回答你的问题！

Answer 2

不能使用返回泛型类型。在文档中，泛型类型仅用于“json”。这意味着你需要像这样使用get：

return this.http.get(this.streamURL, { responseType: "text"});

参见文档https://angular.io/api/common/http/HttpClient#get，您是兴趣重载#11，现在您正在使用重载#13

最后，这是更新代码的链接：https://stackblitz.com/edit/angular-gv1tkl?file=src/app/myS.service.ts

编辑1

我把错误的链接粘贴到stackblitz。正确的上面。