Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Json 我得到了一个“答案”;未捕获类型错误:无法读取属性';获取';“未定义”的定义;_Json_Angular_Angular Httpclient - Fatal编程技术网

Json 我得到了一个“答案”;未捕获类型错误:无法读取属性';获取';“未定义”的定义;

Json 我得到了一个“答案”;未捕获类型错误:无法读取属性';获取';“未定义”的定义;,json,angular,angular-httpclient,Json,Angular,Angular Httpclient,我正在尝试使用不同的端口从另一个微服务(本地)检索json。我不确定问题是出在配置还是微服务上。当我点击url时,我会在页面上显示json this.http.get('http://localhost:8081/*****', { responseType: 'json' }).subscribe(data => console.log(data)); ***=检索json的页面 我期待一个json,但是我收到一条错误消息。您应该有这样的内容: import { HttpClient

我正在尝试使用不同的端口从另一个微服务(本地)检索json。我不确定问题是出在配置还是微服务上。当我点击url时,我会在页面上显示json

this.http.get('http://localhost:8081/*****', { responseType: 'json' }).subscribe(data => console.log(data));
***
=检索json的页面


我期待一个json,但是我收到一条错误消息。

您应该有这样的内容:

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';

@Injectable()
export class TestService {

  constructor(private httpClient: HttpClient) { }

  public getData(): Observable<any> {
    const apiURL = `http://localhost:8081/*****`;
    const opts = {
       responseType: 'json'
    };

   return this.httpClient.post(apiURL, opts);
  }
}
import { TestService} from '..test.service';

export class TestClass {

  constructor(private testService: TestService) { }

  getInfo() {
   this.testService.getData().subscribe(data => {
     console.log('***TEST***' + data);
   }); 
  }
 }

对于有同样问题的人,我发现了我的错误。另一个微服务上的控制器在RequestMapping之前缺少@CrossOrigin。这修正了我在通话前端的错误

@CrossOrigin
    @RequestMapping("/{id}")
    public Account retrieve(@PathVariable Long id) {
        // ...
    }

你能展示一下
http
是如何注入到你的服务中的吗?比如:从'@angular/common/http'导入{HttpClient,HttpRequest,HttpParams,HttpErrorResponse,HttpHeaders};如果我想从我的组件调用getData,我该怎么做?更新了我的答案