以下是一个可能的解决方案,用于解决“Angular:托管在Firebase上的网站无法登录”的问题:
首先,确保你的Firebase配置正确,并且已启用了Firebase身份验证功能。你可以在Firebase控制台中检查这些设置。
在你的Angular项目中,确保你已正确安装了Firebase的Angular SDK。你可以使用以下命令进行安装:
npm install firebase @angular/fire
export const environment = {
production: false,
firebase: {
apiKey: "YOUR_API_KEY",
authDomain: "YOUR_AUTH_DOMAIN",
projectId: "YOUR_PROJECT_ID",
storageBucket: "YOUR_STORAGE_BUCKET",
messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
appId: "YOUR_APP_ID"
}
};
import { AngularFireModule } from '@angular/fire';
import { AngularFireAuthModule } from '@angular/fire/auth';
import { environment } from '../environments/environment';
@NgModule({
imports: [
AngularFireModule.initializeApp(environment.firebase),
AngularFireAuthModule
],
...
})
export class AppModule { }
import { AngularFireAuth } from '@angular/fire/auth';
@Component({
...
})
export class LoginComponent {
constructor(private afAuth: AngularFireAuth) { }
login() {
this.afAuth.signInWithEmailAndPassword(email, password)
.then((userCredential) => {
// 登录成功后的处理逻辑
})
.catch((error) => {
// 处理登录错误
});
}
}
请注意,这只是一个解决方案的示例,具体的实现方式可能会因你的项目结构和需求而有所不同。你可能需要根据你的实际情况进行适当的修改。