代码之家 › 专栏 › 技术社区 › Liam neesan

在使用ASP.NET MVC 5的基于令牌的身份验证中,承载令牌是如何工作的?

asp.net-web-api2 model-view-controller asp.net-web-api authentication ajax

Liam neesan · 技术社区 · 7 年前

我也尝试过类似的基于令牌的身份验证 website link .

它对我很有用。但我有两个问题

在我添加下面的代码之后,它将检查来自客户端的每个请求并验证用户。如果成功,它将返回一些数据,如果不成功,它将显示 未授权 .

但问题是,我登录后( http://localhost:49501/Home )它显示了成功只有在 同一浏览器选项卡 ( http://localhost:49501/Home/Data )

但是在我登录(tab1)并尝试访问同一个url之后( http://localhost:49501/home/data )但是在另一个带有相同chrome浏览器的选项卡(tab2)上,它显示 未授权错误

数据集

 var  authHeaders = {};
 authHeaders.Authorization = 'Bearer ' + sessionStorage.setItem('accessToken');

 $.ajax({
     url: "http://localhost:49501/api/values",
     type: "GET",
     headers: authHeaders,
     success: function (response) {
         console.log('Success');
     }
 });

使用ajax发送令牌真的安全吗?因为所有的代码都出现在客户端。

0 回复 | 直到 7 年前

Pranav Singh 7 年前

代码中有一个问题我可以看到:

authHeaders.Authorization = 'Bearer ' + sessionStorage.setItem('accessToken');

sessionStorage.setItem 方法具有 两个强制参数 &如果没有错误,则在执行此操作时,开发人员控制台中一定有一些js错误。sessionstorage的正确用法是:

// Save data to sessionStorage
sessionStorage.setItem('key', 'value');

// Get saved data from sessionStorage
let data = sessionStorage.getItem('key');

// Remove saved data from sessionStorage
sessionStorage.removeItem('key');

// Remove all saved data from sessionStorage
sessionStorage.clear();