Java 如何使用Angular 4登录?我们使用的主题是fack bakcend提供者概念?

Java 如何使用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);

我是新手。我对我们正在使用的主题的组成部分有基本的了解。但默认情况下,主题具有fack后端提供程序

auth.component.ts

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},
-控制台中也有一些错误。你检查过了吗?