如何从 Angular 中的 http 请求中接收响应数据？

Question

我想从 get http 请求中读取响应，我的服务器使用 Javascript，我发送响应的部分是：

app.get('/getReport',function(req,res) {
  try {
    const data=fs.readFileSync('./report.txt', 'utf8')
    res.end(data)
  }
  catch (err) {
    res.end("File not found")
  }
})

如果我使用 Postman，我可以看到报告文件的内容。 我想在我的 Angular 前端阅读这段文字，所以我在 home.service.ts 中创建了这个函数：

   public getReport(){
   return this.http.get<any>(this.url+'/getReport').subscribe(data => {
    this.value = data;})        
  }

它不起作用。如何正确阅读我的内容？

Answer 1

检查您的setup。在获取 http 请求之前，您必须导入一些模块：

@NgModule({
  imports: [
    BrowserModule,
    // import HttpClientModule after BrowserModule.
    HttpClientModule,
  ],...

Answer 2

为了接收任何响应，您必须开始与订阅“getReport”方法的 API/服务器进行通信。

您如何做到这一点？

您的 home.service.ts 中有该方法。

1. 在您要加载报告的组件（即“home-component”）中注入该服务：

// NOTE: Fit all the paths to your specific system
...
import { HomeService } from '../services/home.service';
...

@Component({
  selector: 'app-home-component',
  templateUrl: './home-component.html',
  styleUrls: ['./home-component.scss'],
})
export class HomeComponent {

public report;

 constructor(
...
    private homeService: HomeService,
...

  ) {}

1. 订阅 homeService 的 observable 'getReport' 方法，获取想要的数据。 例如，像这样更改构造函数：

 constructor(
...
    private homeService: HomeService,
...

  ) {

       this.homeService.getReport
        .subscribe((_response) => {
           console.log(_response);
           this.report = _response;
           alert(this.report);
       });

}