angle.js – Das Backend basiert auf der JWT-Verifizierung. Wie trägt Angular das Token bei der Postanforderung?

Question

Erhalten Sie das vom Backend zurückgegebene Token, nachdem sich der Benutzer erfolgreich angemeldet hat

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

Wie trägt man dann dieses Token bei der Aktualisierung persönlicher Daten?

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 }})
                }
            }
        }
    ]);

Ich habe dies getan, aber es wird immer noch angezeigt, dass die Überprüfung fehlgeschlagen ist.

Answer 1

{withCredentials:true} 科普连接

Answer 2

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

Answer 3

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