프런트 엔드 측에서 JSON 웹 토큰을 구현하는 방법은 무엇입니까?

Question

나는 nodejs express 응용 프로그램을 작성 중입니다. Passport의 JSON 웹 토큰을 사용하여 인증했습니다. 나는 성공적으로 JSON 웹 토큰을 만들었고 Postman에서 잘 작동하며 토큰이 인증으로 통과 할 때도 확인합니다. 하지만 프론트 엔드쪽에 붙어 있습니다. 최초로 확인 토큰 그래서 나는이 (/profile) 경로에 우체부에서했던 것처럼

app.get('/profile',passport.authenticate('jwt',{session:false}),function(req,res){ 
     // res.json({user:user.req}); 
     // console.log(req.query.token); 
     res.json('bingo u cant see this without token') 
    }); 

가 어떻게 헤더에 토큰을 보내려면 어떻게합니까, 즉 어떻게 전단 측에 토큰을 구현하는 방법?

Answer 1

그것은이

$.ajax({ 
    type: 'POST', 
    url: url, 
    headers: { 
     "authToken":"your token" //you could save it in localstorage when recieved 
    } 
    //OR 
    //beforeSend: function(xhr) { 
    // xhr.setRequestHeader("My-First-Header", "first value"); 
    // xhr.setRequestHeader("My-Second-Header", "second value"); 
    //} 
}) 

같은 일을 할, 당신은 아약스 사용하는 경우가 프론트 엔드 귀하의 요청을 만들기 위해 사용하는 어떤 종류에 따라 달라하고 있다면 Axios의이

처럼 그 일을 시도

post(url, { 
    headers: { authToken: token } 
})