Java 如何使用Angular 4登录?我们使用的主题是fack bakcend提供者概念?
我是新手。我对我们正在使用的主题的组成部分有基本的了解。但默认情况下,主题具有fack后端提供程序 auth.component.tsJava 如何使用Angular 4登录?我们使用的主题是fack bakcend提供者概念?,java,mysql,angular,spring-boot,Java,Mysql,Angular,Spring Boot,我是新手。我对我们正在使用的主题的组成部分有基本的了解。但默认情况下,主题具有fack后端提供程序 auth.component.ts signin() { this.loading = true; this._authService.login(this.model.username, this.model.password) .subscribe( res => { console.log(res);
signin() {
this.loading = true;
this._authService.login(this.model.username, this.model.password)
.subscribe(
res => {
console.log(res);
localStorage.setItem('currentUser', JSON.stringify(this.model.username));
// localStorage.setItem("username", "username");
this._router.navigate(['http://localhost:9090/index']);
},
error => {
this.showAlert('alertSignin');
this._alertService.error(error);
this.loading = false;
});
}
authentication.service.ts
login(username: string, password: string) {
let url = "/login";
let body = new FormData();
body.append('username', username);
body.append('password', password);
// let body = `username=${username}&password=${password}`;
return this.http.post(url, body);
}
login.component.html
<form (ngSubmit)="signin()" #f="ngForm" class="m-login__form m-form" action="">
<ng-template #alertSignin></ng-template>
<div class="form-group m-form__group">
<input class="form-control m-input" type="text" placeholder="Email" name="username" [(ngModel)]="model.username" #username="ngModel" autocomplete="off">
</div>
<div class="form-group m-form__group">
<input class="form-control m-input m-login__form-input--last" type="password" placeholder="Password" name="password" [(ngModel)]="model.password" #password="ngModel">
</div>
<div class="row m-login__form-sub">
<div class="col m--align-left">
<label class="m-checkbox m-checkbox--focus">
<input type="checkbox" name="remember" [(ngModel)]="model.remember" #remember="ngModel">
Remember me
<span></span>
</label>
</div>
<div class="col m--align-right">
<a href="javascript:;" id="m_login_forget_password" class="m-link">
Forget Password ?
</a>
</div>
</div>
<div class="m-login__form-action">
<button [disabled]="loading" [ngClass]="{'m-loader m-loader--right m-loader--light': loading}" class="btn btn-focus m-btn m-btn--pill m-btn--custom m-btn--air">
Sign In
</button>
</div>
</form>
记得我吗
登录
我的代码正在登录,但未重定向。我做错了什么
我已经搜索了这么多的链接,但没有得到任何帮助。提前感谢。首先,如果您想在登录功能中真正实现真正的备份身份验证,您可以使用/login调用API调用,您必须将真正的API URL放在其中,您可以使用DB检查用户名和密码,并在API调用中生成响应并发送回组件文件
然后在你的组件文件中,你已经给出了路由器的完整路径,在那里导航,如果你在模块文件中创建了路由器常数,你只需给出/索引。首先,如果你想在你的登录函数中实实在在地实现真正的备份身份验证,你必须调用API调用/login,在那里你必须把你的真正的API URL,您可以在其中使用DB检查用户名和密码,并在API调用中生成响应并发送回组件文件
然后在您的组件文件中,您已经在路由器中给出了完整路径,如果您在模块文件中创建了路由器常数,您只需给出/索引即可。您的路由是如何配置的?试试类似这样的
this.router.navigate(['LoggedinPage'])
其中LoggedinPage是路由的名称{path:'/someURL',name:'LoggedinPage',component:LoggedinPageComponent},
-控制台中也有一些错误。你检查过了吗?你的路线是如何配置的?试试类似这样的this.router.navigate(['LoggedinPage'])
其中LoggedinPage是路由的名称{path:'/someURL',name:'LoggedinPage',component:LoggedinPageComponent},
-控制台中也有一些错误。你检查过了吗?