无法从 Angular 向 Spring REST 控制器进行 REST API 调用

Question

我正在尝试对我的 spring 控制器进行休息调用，当我将 URL 放入浏览器并能够看到 JSON 响应时，它可以工作。但是，当我通过集成到 Angular 代码中尝试相同的操作时，它不会在浏览器控制台或服务器控制台中引发任何异常。

这是我的代码。

进口

import { Component, OnInit  } from '@angular/core';
import { Http, Response  } from '@angular/http';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch';
import 'rxjs/add/observable/throw';

class Result {
statusCode : number;
errorMsg: string;
result: string;

}


@Component({
selector: 'app-root',
templateUrl: './app.component.html',
 styleUrls: ['./app.component.css'],

 })
 export class AppComponent {
 ngOnInit() {
   this.getEmployees();
 }

public getEmployees(): Observable<Result[]> {

   return this.http
    .get(this.API_URL + '/employees')
    .map(response => {
     const todos = response.json();
     console.log(todos);
     return "";
})
.catch(this.handleError);
}

private handleError (error: Response | any) {
  console.error('ApiService::handleError', error);
  return Observable.throw(error);
}

这是我的弹簧代码

  @RequestMapping(value ="/employees", method = RequestMethod.GET)
public ResultDto getEmployees(HttpServletRequest req) {
    ResultDto result = null;
    try {
        ServletContext ctx = req.getServletContext();
        @SuppressWarnings("unchecked")
        Map<String,String> users = (Map<String, String>) ctx.getAttribute("userRoles");
        result = new ResultDto();
        result.setStatusCode(EmapConstants.SUCCESS);
        result.setResult(users);
    } catch (Exception e) {
        e.printStackTrace();
    }
    return result;
}

我的 ResultDto 类具有三个属性

private int statusCode;
private String errorMsg;
private Object result;

任何想法为什么它没有命中方法？

Answer 1

假设您使用的是来自@angular/common/http 的HttpClient：

如果您使用 HttpClient，您可以向 http.get() 添加一个类型，这是您预期的响应 json。使用它你只会得到响应体作为你的结果。您还可以将选项 observe: 'response' 添加到您的获取请求中，以获取实际响应。

如果您需要除正文以外的其他信息，例如，您可能只想使用后者。响应状态。如果您只需要正文，您的请求可能如下所示：

constructor(private httpClient: HttpClient) {}

getEmployees() Observable<Result[]>{
    return this.httpClient
        .get<Result[]> (this.API_URL + '/employees', {params: _params})
        .pipe(catchError(() => this.handleError()));

}

是的，你总是必须订阅 observable 这是正确的。在 cmets 中也提到过。