Firebase Auth-ConfirmPasswordReset，如何从URL中抓取oobcode来传递thorugh函数？

Question

我正在尝试使用firebase身份验证在我的网站上实现一个重置密码页面。我得到了发送电子邮件重置密码页面工作。现在，从我的理解，你得到一个电子邮件的链接，你需要点击，在这封电子邮件将有一个代码，需要重置密码。现在我不知道如何从url中抓取所述代码，并在字段中为用户显示它。是否有可能将代码放在电子邮件正文中，并让用户输入代码？如果不是，我如何从url中抓取代码并为用户输入，以便用户只能输入密码？我的网站正在使用vue和这是我目前为止

<template>
  <div class="container">
    <h3>reset pw page</h3>
    <div class="row">
      <form @submit.prevent="ResetPw()" class="col s12">
        <div class="row">
          <div class="input-field col s12">
            <input type="password" id="password" v-model="password" />
            <label>Password</label>
          </div>
        </div>
        <div class="row">
          <div class="input-field col s12">
            <input type="text" id="code" v-model="code" />
            <label>Code</label>
          </div>
        </div>
        <button type="submit" class="btn">Submit</button>
      </form>
    </div>
  </div>
</template>

<script>
import firebase from "firebase/app";
export default {
  data() {
    return {
      password: "",
      code: ""
    };
  },
  methods: {
    ResetPw() {
      firebase
        .auth()
        .confirmPasswordReset(this.code, this.password)
        .then(() => {
          console.log(`Password Changed!`);
        })
        .catch(err => console.log(err));
    }
  }
};
</script>

我想我已经完成了所有的工作，我只需要理解如何从https://my-project.firebaseapp.com/__/auth/action？mode=&oobcode=链接中获取oobcode

Answer 1

如果您使用的是react-router，它将不再解析查询，但您可以通过location.search访问它

const params = new URLSearchParams(this.props.location.search);
const code = params.get('oobCode')
const email = await firebase.auth().verifyPasswordResetCode(code)

或者，不使用this.props.location.search，您可以执行新的URLSearchParams(window.location.pathname)