VUE-uniapp登录

<template>
  <div>
    <button @click="showLoginDialog">登录以访问</button>
  </div>
</template>

<script>
export default {
  methods: {
    showLoginDialog() {
      const loginForm = `
        <form>
          <label for="username">用户名：</label>
          <input type="text" id="username" name="username">
          <br>
          <label for="password">密码：</label>
          <input type="password" id="password" name="password">
        </form>
      `;

      const password = window.prompt(loginForm);
      // 解析输入的用户名和密码
      const formData = new FormData();
      formData.append("username", document.getElementById("username").value);
      formData.append("password", document.getElementById("password").value);

      // 发送POST请求进行登录验证
      fetch("/api/login", {
        method: "POST",
        body: formData
      }).then(response => {
        if (response.ok) {
          alert("登录成功！");
          // 执行登录后的逻辑
        } else {
          alert("登录失败，请重新输入！");
        }
      });
    }
  }
};
</script>