Firebase 验证错误 email 或密码显示奇怪的错误

Question

每当我使用错误的密码或 email 验证 Firebase 时，我都会收到此错误：

POST https://www.googleapis.com/identitytoolkit/v3/relyingparty/verifyPassword?key=<my-key> 400 ()

我正在使用 Angularfire2 的登录方法

{
  provider: AuthProviders.Password,
  method: AuthMethods.Password,
}

其他人遇到过这个问题吗？

Answer 1

您很可能需要设置错误处理。 像这样

login() {
    this.af.auth.login({
        email: this.email,
        password: this.password,
    },
    {
        provider: AuthProviders.Password,
        method: AuthMethods.Password,
    }).catch(function(error) {
        var errorMessage = error.message
        alert(errorMessage)
    })
}

密码错误时，您必须处理响应。 我不确定AngularFire的方式。 我个人找不到。 我依靠Firebase文档来做到这一点，该文档链接在AngularFire文档中。

Answer 2

应用这个：

import { Component } from '@angular/core';
import { CdkDragDrop } from '@angular/cdk/drag-drop';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
})
export class AppComponent {
  indexOver: number = -1;

  icons = [
    'https://picsum.photos/100/100?random=1',
    'https://picsum.photos/100/100?random=2',
    'https://picsum.photos/100/100?random=3',
    'https://picsum.photos/100/100?random=4',
    'https://picsum.photos/100/100?random=5',
  ];

  cells = Array(25)
    .fill(' ')
    .map((_, index) => ({ src: null, id: index }));
  constructor() {}

  drop(event: CdkDragDrop<any>) {
    if (event.previousContainer != event.container) {
      if (event.container.data.src !== undefined) {
        if (event.container.data.src) {
          return;
        }
        //we are drop on "board"
        if (event.previousContainer.data.src != undefined) {
          //we are dragging an element of "board"
          event.container.data.src = event.previousContainer.data.src;
          event.previousContainer.data.src = null;
        } else {
          //we are dragging an element of "side"
          event.container.data.src = event.previousContainer.data;
        }
      } else {
        if (
          event.container.data.src === undefined &&
          event.previousContainer.data.src !== undefined
        )
          //we are drop an img from "board" on the "side"
          event.previousContainer.data.src = null;
      }
    }
  }
}