响应角度7

Question

我正在开发angular 7应用程序，但在get请求中遇到了问题。

以下是错误：

HttpErrorResponse {headers: HttpHeaders, status: 302, statusText: "OK", url: "http://localhost:9090/things/", ok: false, …}
error: Array(2)
0: {thingId: 7, thingName: "thingName 1"}
1: {thingId: 9, thingName: "thingName 2"}
length: 2
__proto__: Array(0)
headers: HttpHeaders {normalizedNames: Map(0), lazyUpdate: null, lazyInit: ƒ}
message: "Http failure response for http://localhost:9090/things/: 302 OK"
name: "HttpErrorResponse"
ok: false
status: 302
statusText: "OK"
url: "http://localhost:9090/things/"
__proto__: HttpResponseBase

这是我的角色服务。ts：

@Injectable({ providedIn: 'root' })
export default class RoleService {

  constructor(private http: HttpClient) { }

  getAllRoles(): Observable<Array<Role>> {
    return this.http.get<Array<Role>>(RoleUrls.allRoles).pipe(
      catchError(this.handleError('getRoles', []))
    )
  }

  handleError<T> (operation = 'operation', result?: T) {
    return (error: any): Observable<T> => {
      console.error(error); // log to console
      return of(result as T);
    };
  }
}

这是组件。输电系统

@Component({
  selector: 'app-role',
  templateUrl: './role.component.html',
  styleUrls: ['./role.component.css']
})
export class RoleComponent implements OnInit {

  roles: Array<Role>;
  constructor(private roleService: RoleService) { }

  ngOnInit() {
    this.getRoles();
  }

  getRoles(): void {
    this.roleService.getAllRoles().subscribe(roles => {
      this.roles = roles
    }, error => {
      console.log(error); // The error is here
    })
  }
}

当服务器向我发送请求的数据时，我不明白这个错误来自哪里。

提前谢谢你！！！

Answer 1

http调用总是返回可观察的。有时，在尝试将响应分配给数组时，这会产生一些问题。试着使用这样的作业。

 this.roles = Object.assign([], roles);