已设置nosniff头，如何阻止浏览器解析JSON响应？Angular调用报错求助

问题场景 #

后端返回的JSON在Postman中正常，但Angular前端调用时浏览器始终报“Unexpected white space character”错误，尝试设置响应类型为application/octet-stream和plain/text无效，已添加nosniff头，需要先让前后端成功通信，拿到原始数据。

当前请求代码：

public getCard(): Observable<any> {
  return this.http.get('localhost:4200/card')
}

解决方案 #

1. 正确配置Angular请求，强制获取纯文本响应

Angular的HttpClient默认会自动尝试解析响应为JSON，要彻底阻止浏览器和Angular的自动解析，需要明确设置responseType: 'text'，同时确保请求选项配置正确：

public getCard(): Observable<string> {
  return this.http.get('localhost:4200/card', {
    responseType: 'text' // 强制以纯文本形式接收响应
  });
}

订阅请求时直接打印原始内容：

this.getCard().subscribe(
  rawResponse => {
    console.log('后端原始响应:', rawResponse);
    // 后续可自行处理解析，比如手动JSON.parse(rawResponse.trim())
  },
  err => console.error('请求失败:', err)
);

这样设置后，浏览器会把响应当作纯文本处理，不会自动尝试解析成JSON，也就不会触发空白字符的错误。

2. 后端配合调整响应头（可选）

如果有权限修改后端，临时把响应头Content-Type设为text/plain，同时保留X-Content-Type-Options: nosniff，能进一步确保浏览器不会自作主张解析响应类型，和前端的设置形成双重保障。

3. 后续排查空白字符来源

等拿到原始响应后，就能直观看到多余空白的位置——常见原因包括：

• 后端代码输出了额外的换行/空格（比如Java中System.out.println多打了空行，PHP脚本?>后残留空格）
• JSON生成时格式工具添加了多余的空白（比如某些框架的美化输出）
• 反向代理或服务器配置额外插入了空白字符

内容的提问来源于stack exchange，提问作者D. Rodriguez