调用API时如何使用相同的cookie？-解网

问：

我有 .Net Core API 7 的应用程序，我的应用程序将在用户登录时按会话保存用户信息，就像这段代码一样

  public int _UserId
        {
            get
            {

                if (HttpContext.Session.GetInt32("UserId") == null)
                {
                    HttpContext.Session.SetInt32("UserId", 0);
                }

                return (int)HttpContext.Session.GetInt32("UserId");

            }
            set
            {
                HttpContext.Session.SetInt32("UserId", value);
            }
        }

当用户调用其他 api 时，我的程序将自动获取会话并使用它。当我使用 Postman 和 Swagger Ui 时，它运行良好。

问题是当我通过js调用api时，它不在同一个cookie中（我真的不知道该怎么称呼它）。在下面的代码中，我调用登录 API，成功后，我的程序将保存会话。然后我调用 api 来获取我之前保存的会话，但我无法获得结果，因为我调用的两个函数不在同一个 cookie 中GetCurrentUser

    async function callApiLogin(username, password) {
        const xhttp = new XMLHttpRequest();
        const url = "http://localhost:5296/api/Account/Login";
        xhttp.open("POST", url, true);
        xhttp.setRequestHeader("Content-Type", "application/json");

        xhttp.onload = function () {
            if (xhttp.status === 200) {
                const response = xhttp.responseText;
                console.log(response);
            } else {
                // Handle error
            }
        };

        const data = {
            username: username,
            password: password,
        };

        xhttp.send(JSON.stringify(data));
    }

    callApiLogin("string1", "string");
    console.log("Login completed");
    setTimeout(() => {
        const xhttp = new XMLHttpRequest();
        const url = "http://localhost:5296/api/User/GetCurrentUser"; // Replace with the actual API endpoint

        xhttp.open("GET", url, true);
        xhttp.setRequestHeader("Content-Type", "application/json");

        xhttp.onload = function () {
            if (xhttp.status === 200) {
                const response = xhttp.responseText;
                console.log(response);
            } else {
                // Handle error
            }
        };

        xhttp.send();
    }, 5000);

如何像 Swagger 和 Postman 一样在同一个 cookie 中通过 js 调用 API？

我应该使用 JWT 令牌而不是会话吗？

javascript .net .net-core asp.net-core-webapi

app.UseCors(x => x                  .AllowAnyMethod()                  .AllowAnyHeader()                  .SetIsOriginAllowed(origin => true) // allow any origin                                                      //.WithOrigins("https://localhost:44351")); // Allow only this origin can also have multiple origins separated with comma                  .AllowCredentials()); // allow credentials

xhttp.withCredentials = true

0赞 abeomer 11/5/2023 #2

从 JavaScript 发出请求时，您需要确保在请求中包含 cookie。您可以使用 fetch API 或 Axios 执行此操作。下面是一个使用 fetch 的示例。

const loginData = {
username: "your_username",
password: "your_password"
};

// Perform a login request
fetch('http://localhost:5296/api/Account/Login', {
method: 'POST',
headers: {
    'Content-Type': 'application/json',
},
body: JSON.stringify(loginData),
credentials: 'include', // Include credentials (cookies)
})
.then(response => {
    if (response.ok) {
        // Successfully logged in
        // You can make other authenticated requests here
    } else {
        // Handle login error
    }
});

app.UseCors(x => x                  .AllowAnyMethod()                  .AllowAnyHeader()                  .SetIsOriginAllowed(origin => true) // allow any origin                                                      //.WithOrigins("https://localhost:44351")); // Allow only this origin can also have multiple origins separated with comma                  .AllowCredentials()); // allow credentials

上一个：按顺序动态编辑 OrderItem

下一个：在 .NET Core MVC 中创建交通信号应用程序Create Traffic Signal Application in .NET Core MVC

调用API时如何使用相同的cookie？

How to use same cookie when call API?

评论

评论

评论