Экспресс-сессия возвращает undefined, хотя я объявил сессию - PullRequest
Новая
       20

Экспресс-сессия возвращает undefined, хотя я объявил сессию

0 голосов
/ 17 декабря 2018

Я работал над этим сайтом некоторое время, и у меня действительно не было проблем »до сих пор.

Когда пользователь входит в систему, инициализируется файл cookie сеанса, этот файл cookie называется пользователем и сохраняет электронную почту пользователя.Когда я сохраняю консоль в журнале cookie по запросу входа в систему, сразу после того, как я его объявил, он показывает данные, но, когда я меняю маршрут (на любой другой), ex.домашний маршрут, файл cookie не является постоянным, и мой файл cookie пользователя изменяется на «неопределенный».

Опубликовать запрос. Я использую API-интерфейс firebase для аутентификации: 

// Login POST Route
router.post('/login', (req, res) => {
    // Firebase authentication service
    firebase_user.auth().signInWithEmailAndPassword(req.body.email, req.body.password).then(data => {
        // Cookie Init
        req.session.user = req.body.email;
        console.log(req.session.user); // In here, cookie shows desired value
    }).catch(err => {
        res.send({"error": err.message});
    });
});

Домашний маршрут:

router.get('/home', (req, res) => {
    // Check if Session Cookie Exists
    if (req.session.user) {
        res.render('home.ejs');
    } else {
        res.redirect('/login');
        console.log(req.session.user); // This console log shows 'undefined' even tho there the cookie was initialized correctly
    }
});

Middlewares: 

app.use(bodyParser.json());
app.use(morgan('combined'));
app.set('view engine', 'ejs');
app.use(express.static('./public'))
app.set('views', path.join(__dirname, 'views'));
app.use(bodyParser.urlencoded({ extended: true }));
app.use(cookieParser());
app.use(session({secret:"Testasl",resave:false,saveUninitialized:true,cookie:{secure:!true}}));

// Routes
app.use(routes);

А вот как я отправляю данные в метод входа в систему.Я использую Axios и Vue: 

var urlLog = 'http://localhost:3000/login';

new Vue({
    el: '#main',
    data: {
        email: '',
        password: '',
        showForm: true,
        showPreloader: false,
        errorMessage: '',
        errorShow: false

    },
    methods: {
        submitForm: function() {
            // Validates forms
            if (this.email!='' && this.password!=''){

                // Show Preloader
                this.showForm=false;
                this.showPreloader=true;

                // Ajax Post Request
                axios.post(urlLog, {
                    email: this.email,
                    password: this.password
                }).then(res => {
                    if (res.error){
                        // Shows form
                        this.showForm=true;
                        this.showPreloader=false;

                        // Shows Error
                        this.errorShow = true;
                        this.errorMessage = res.error;
                    } else {
                        // do nothing
                    }
                // Server Side error
                }).catch(err => {
                    console.log(err);
                });
            } else {
                this.errorShow = true;
                this.errorMessage = 'All fields are necessary...';   
            }
        }
    }
});

Любая идея, почему это происходит ???

**** РЕДАКТИРОВАНИЕ ****

ОБНОВЛЕНИЕ: Итак, я былпоиграть с куки, а точнее с модулем парсера куки, и я решил инициализировать куки с ним.И вернул это сообщение об ошибке: 

Error: Can't set headers after they are sent.
    at validateHeader (_http_outgoing.js:491:11)
    at ServerResponse.setHeader (_http_outgoing.js:498:3)
    at ServerResponse.header (C:\Users\Thirsty-Robot\Desktop\Projects\Important\Robotics\Dashboard\node_modules\express\lib\response.js:767:10)
    at ServerResponse.append (C:\Users\Thirsty-Robot\Desktop\Projects\Important\Robotics\Dashboard\node_modules\express\lib\response.js:728:15)
    at ServerResponse.res.cookie (C:\Users\Thirsty-Robot\Desktop\Projects\Important\Robotics\Dashboard\node_modules\express\lib\response.js:853:8)
    at router.get (C:\Users\Thirsty-Robot\Desktop\Projects\Important\Robotics\Dashboard\bin\routes.js:74:9)
    at Layer.handle [as handle_request] (C:\Users\Thirsty-Robot\Desktop\Projects\Important\Robotics\Dashboard\node_modules\express\lib\router\layer.js:95:5)
    at next (C:\Users\Thirsty-Robot\Desktop\Projects\Important\Robotics\Dashboard\node_modules\express\lib\router\route.js:137:13)
    at Route.dispatch (C:\Users\Thirsty-Robot\Desktop\Projects\Important\Robotics\Dashboard\node_modules\express\lib\router\route.js:112:3)
    at Layer.handle [as handle_request] (C:\Users\Thirsty-Robot\Desktop\Projects\Important\Robotics\Dashboard\node_modules\express\lib\router\layer.js:95:5)

Файл cookie был установлен следующим образом: 

// Login GET Route
router.get('/login', (req, res) => {
    res.render('log_in.ejs');
    res.cookie('idk', 'idksj');
    console.log(req.cookies);
});

1 Ответ

0 голосов
/ 17 декабря 2018

Вы не можете установить заголовок после того, как уже отправили заголовки, поскольку ваша ошибка заявляет.

В вашем случае вы устанавливаете заголовок файла cookie после завершения ответа: 

// Login GET Route
router.get('/login', (req, res) => {
    res.render('log_in.ejs'); // completes the response
    res.cookie('idk', 'idksj'); // tries to set a cookie header
    console.log(req.cookies);
});

В этом случае вам будет полезно просто поменять эти две строки: 

// Login GET Route
router.get('/login', (req, res) => {
    res.cookie('idk', 'idksj');
    res.render('log_in.ejs');
    console.log(req.cookies);
});

Хотя вы, вероятно, захотите сделать это только после проверки логина (чего вы не делаете в этом блоке кода)

...