У меня проблема с аутентификацией моей функции. Я получаю пустой токен, хотя все работает нормально, когда я использую postman

#reactjs #spring-boot #jwt

#reactjs #весенняя загрузка #jwt

Вопрос:

У меня проблема с аутентификацией с использованием ReactJS во внешнем интерфейсе и spring boot и jwt во внутреннем интерфейсе. когда я использую postman, я получаю токен, но когда я реализую его в ReactJS, я получаю пустой токен и следующее сообщение об ошибке введите описание изображения здесь

введите описание изображения здесь

введите описание изображения здесь

это моя функция входа в систему :

     onLogin = (e) => {
    e.preventDefault();
    const user = {username: this.state.username, password: this.state.password};
    courseService.login(user)
        .then(response => {
            console.log(response);
            const jwtToken = response.headers.get("token");

            if (jwtToken !== undefined) {
                localStorage.setItem("token", jwtToken);
                this.setState({isAuthenticated: true});
                this.props.history.push('/');
            }
            else {
                this.setState({open: true});
            }
        })
        .catch(err => console.error(err))
}
 

это courseService :

класс CourseService {

 retrieveAllCourses() {
    return axios.get(COURSE_API_URL '/courses');
};
getCoursesByThemeId = (id) => {
    return axios.get(COURSE_API_URL '/themes/' id '/courses');
}
getCourse = (id) => {
    return axios.get(COURSE_API_URL '/courses/' id);
}
getTheme = (id) => {
    return axios.get(COURSE_API_URL '/themes/' id);
}
findInscriptionByCourseId = (courseId)=>{
    return axios.get(INSCRIPTION_API_URL '/inscription/' courseId)
}
retrieveAllThemes() {
    return axios.get(COURSE_API_URL '/themes');
};
editCourse(course) {
    return axios.put(COURSE_API_URL   '/courses/'   course.id, course);
};
addCourse(course) {
    return axios.post(COURSE_API_URL '/new-course', course);
};
addUser(user){
    return axios.post(USER_API_URL '/register', user);
}
login(user) {
    return axios.post(USER_API_URL '/login', user);
};
deleteCourse = (id) => {
    return axios.delete(COURSE_API_URL '/courses/' id);
};
addInscription(inscription){
    return axios.post(INSCRIPTION_API_URL '/inscriptions',inscription);
};
 

}

экспорт нового CourseService по умолчанию ();

Комментарии:

1. Пожалуйста, добавьте скриншот console.log (response.headers)

2. Привет @Abraoui, пожалуйста, предоставьте код для реализации courseService.login без него невозможно узнать, что response на самом деле

3. Может быть, посмотрите здесь, как это сделать: freecodecamp.org/news /. … Поиск Great! We got the token , токен находится в теле.