Javascript ATOB和BTOA不起作用

Question

我从后端发送一个对象。问题是有效负载是一个byte []，看起来像spring将它转换为String64。

我在前端得到一个奇怪的输出，所以我试着把它转换成普通的字符串然后我得到

 _co.atob is not a function

我该如何转换？

后端

    @GetMapping("docker/container/{containerName}/logs")
public List<Frame> getContainerLogs(@PathVariable String containerName) {
    Container container = dockerService.getContainer(containerName);
    return dockerService.getDockerLogs(container);
}

前端

TS：

getLogs() {
this.dockerService.getLogs(this.name).subscribe(logs => {
  this.logs = logs;
  console.log(logs);
});

HTML：

   <p *ngFor="let log of logs; let idx = index;"><span class="logsLine">{{idx}}: </span>

        <span>{{atob(log.payload)}}</span>
      </p>

例如

{"streamType":"STDERR","payload":"JUdUTS1JLU1VRklMUk5EV05TVUMsIEZpbGUgL3Y3NTRxYWJhc2VfZ3RtbHgvZ2Jscy9tdW1wcy50YmxzIHN1Y2Nlc3NmdWxseSBydW5kb3duCg=="}