如何通过 REST API 使用 mongodb 创建登录系统？

Question

当我运行此代码时，我不断收到错误消息，提示 await 仅在异步函数中有效。 我试图修复它，但我认为我将代码放在错误的位置，因为它不起作用，我不断收到相同的错误消息。

登录客户端：

<script>
const logindetails = new Vue({
el: '#logindetails',
data: {

    email: "",
    password: "",

},

methods: {
    login: function (e) {

      const body = { email, password };

        const response = await fetch(
          "http://localhost:3000/authentication/login".then(async response => {
            console.log("success");
          }),
          {
            method: "POST",
            headers: {
              "Content-type": "application/json"
            },

            body: JSON.stringify(body)

          },

        );
    }}})

Answer 1

您需要使您的登录功能异步。

methods: {
    login: async function (e) {

Answer 2

您需要使您的登录功能异步 -

methods: {
login: async function() { ...

Answer 3

嗨，马杜，很高兴再次在这里见到你。 好的，所以 Jakub 是正确的，您应该将 async 放在函数后面。 另外，请记住 .then 和 await 做同样的事情，所以你要么使用一个，要么使用另一个。 在这种情况下，你想要做的是这个

const response = await fetch(
      "http://localhost:3000/authentication/login", 
      {
        method: "POST",
        headers: {
          "Content-type": "application/json"
        },

        body: JSON.stringify(body)

      }

    );