angular.js - 後端基於JWT驗證，Angular post 請求如何攜帶token?

Question

當使用者成功登入後取得後端回傳的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 }})
                }
            }
        }
    ]);

##我是這樣做的，但仍然顯示驗證不通過。

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...