后端基于JWT验证,Angular post 请求如何携带token?

发布于 2022-09-04 22:27:11 字数 1338 浏览 17 评论 0

当用户成功登录后获取后端返回的token

userService.loginUser(user).then(
function(response) {
    $cookies.put("token", response.token)
                    ...

然后,更新个人信息时,如何携带这个token呢?

token = $cookies.get("token")
console.log(token)
studentService.edit(token).save({studentId: $scope.student.id}, student,
    function(response) {
        console.log(response)

studentService

angular.module('app')
    .factory('studentService', [
        '$resource',
        function($resource) {
            return {
                detail: function() {
                    return $resource('/api/student/:studentId/ ', {
                        studentId: '@studentId'
                    })
                },
                edit: function(token) {
                    return $resource('/api/student/:studentId/edit/ ', {
                        studentId: '@studentId'
                    },{headers: { 'auth-token': token }})
                }
            }
        }
    ]);

图片描述

图片描述

我是这样做的,但是仍然显示验证不通过。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

酒解孤独 2022-09-11 22:27:11

{withCredentials:true} 科普连接

遮云壑 2022-09-11 22:27:11

谢邀,手机上不方便给发送具体文章链接。主要给你思路哈。
应该登录后,每个请求都需要带token上去。一般会通过添加自定义请求头,然后AngularJS 1.x 有提供拦截器来实现这个功能哈。另外建议你也查找一下,MDN CORS的相关资料及$resource相关文档。
国外有很多AngularJS 1.x与JWT的应用示例,建议你Google搜索一下。

青巷忧颜 2022-09-11 22:27:11

用angularjs-jwt,在每个请求头上加上token,参考:github地址https://github.com/auth0/angu...

梦毁影碎の 2022-09-11 22:27:11

clipboard.png

在你的拦截器里面加上这个,jwt默认是放在headers的Authorization里面

clipboard.png

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文