HttpParams在角度获取502错误中不起作用 [英] HttpParams doesn't work in angular getting 502 error
问题描述
我正在使用角度8
- 我正在通过 Post 将数据发送到服务器时使用 HttpParams 方法
- 我收到 502状态代码错误,正在通过HttpPrams发送数据
- I am using HttpParams in Sending Data to the Server via Post method
- I am getting 502 status code error, sending data via HttpPrams
错误
HttpErrorResponse {标头:HttpHeaders,状态:502,statusText:错误 网关",网址: " http:///central-portal-app-alb-1565375077.ap-south-1.elb.amazonaws.com/api/v1/user/login ", 好的:false,…}标头:HttpHeaders {normalizedNames:Map(0), lazyUpdate:null,lazyInit:ƒ}状态:502 statusText:错误的网关"
HttpErrorResponse {headers: HttpHeaders, status: 502, statusText: "Bad Gateway", url: "http://central-portal-app-alb-1565375077.ap-south-1.elb.amazonaws.com/api/v1/user/login", ok: false, …} headers: HttpHeaders {normalizedNames: Map(0), lazyUpdate: null, lazyInit: ƒ} status: 502 statusText: "Bad Gateway"
这是我的服务文件代码
service.ts
@Injectable()
export class RestService {
baseUrl = environment.baseUrl;
login = this.baseUrl + 'user/login';
constructor(private http: HttpClient) {
}
userlogin(userid, smpassword) {
const params = new HttpParams()
.set('user_id', userid)
.set('sm_password', smpassword);
console.log(params);
return this.http.post(this.baseUrl + 'user/login', params.toString(),
{
headers: new HttpHeaders({
'Content-Type' : 'application/json'
})
}
);
login.component.ts
@Component({
selector: 'app-login',
templateUrl: './login.component.html',
styleUrls: ['./login.component.css']
})
export class LoginComponent implements OnInit {
Userlogin: FormGroup;
constructor(private route: Router , private fb: FormBuilder , private rest: RestService) {
this.Userlogin = this.fb.group({
email : ['', [Validators.required , Validators.pattern('^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+.[a-zA-Z0-9-.]+$') ]],
password : ['', [Validators.required , Validators.minLength(5) ] ]
});
}
// , Validators.required
ngOnInit() { }
login() {
const email = this.Userlogin.get('email').value;
const password = this.Userlogin.get('password').value;
this.rest.userlogin(email, password).subscribe(
result => {
console.log(result);
}
);
// this.route.navigateByUrl('/pendingapproval');
}
推荐答案
不确定,但是请检查此内容……
Im not sure but please check this......
这应该是您的服务文件代码
userlogin(userid, smpassword) {
const params = new HttpParams()
.set('user_id', userid)
.set('sm_password', smpassword);
console.log(params);
return this.http.post(this.baseUrl+'user/login',JSON.stringify(params)).pipe(map((res) => {
return res;
}));
}
这应该是您的 login.component.ts
login() {
const email = this.Userlogin.get('email').value;
const password = this.Userlogin.get('password').value;
this.rest.userlogin(email, password).subscribe((result)=> {
result = JSON.Parse(result)
console.log(result);
}
);
这篇关于HttpParams在角度获取502错误中不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!