Entrar Ainda não tem acesso?
3
respostas

Requisição não está sendo enviado ao servidor

por Guilherme Costa Lopes
| 182.2k xp | 609 posts

Com este import do angular, a requisição não chega no servidor, e com este método:

import { HttpClient, HttpHeaders } from '@angular/common/http';

login(user: User) {
    let header: HttpHeaders = new HttpHeaders();
    header = header.append('Content-Type', 'application/json');
    return this.http.post(`${USUARIOS_API}/api/auth`, user, {headers: header});
}

Com esta importação e com este método a requisição vai ao servidor:

private headers = new Headers({
    'Content-Type': 'application/json'
});

import { Http, Headers, Response } from '@angular/http';

login(usuario: Usuario): Observable<boolean> {
 this.http.post(this.base, JSON.stringify({login: usuario.login, senha: usuario.senha}), {headers: this.headers});
}

Além de um ser Http e outro ser HttpClient, porque um chega e outro não ?

3 respostas
por Gabriel Leite
| 3485k xp | 5398 posts
Instrutor

Boa tarde, Guilherme! Como vai?

O Http é mais antigo que o HttpClient e hoje em dia o ideal é utilizar o HttpClient. O fato de sua requisição não funcionar usando o HttpClient pode ser por vários motivos, então seria necessário investigar. Mas um erro muito comum é esquecer de importar o HttpClientModule no módulo da classe onde vc está tentando usar o HttpClient. Veja se esse é o problema no seu caso.

Para saber mais:

https://angular.io/guide/http

Qualquer coisa é só falar!

Grande abraço e bons estudos, meu aluno!

por Guilherme Costa Lopes
| 182.2k xp | 609 posts

Não é isso. Meu module.

insira seu código aqui

import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { MatFormFieldModule, MatInputModule, MatButtonModule } from '@angular/material';

import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; import { HomeComponent } from './components/home/home.component'; import { LoginComponent } from './components/security/login/login.component'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { UserService } from './services/user.service'; import { SharedService } from './services/shared.service'; import { HttpClientModule } from '@angular/common/http'; import { FormsModule } from '@angular/forms';

@NgModule({ declarations: [ AppComponent, HomeComponent, LoginComponent ], imports: [ BrowserModule, AppRoutingModule, BrowserAnimationsModule, HttpClientModule, FormsModule, MatFormFieldModule, MatInputModule, MatButtonModule, ], providers: [UserService, SharedService], bootstrap: [AppComponent] }) export class AppModule { }

por Guilherme Costa Lopes
| 182.2k xp | 609 posts

Alguma sugestão ?