세션쿠키

안녕하세요. 

local 로그인을 진행하면 응답의 헤더에

Set-cookie : connect.sid = ~ (그림1) 는 있습니다. 

근데  storage에는 세션쿠키가 없어서 원인을 못 찾는 중입니다.(그림2)

문제 해결에 필요하다고 생각되는 부분을 적어보자면,  아래와 같습니다. 

app.js

const express = require("express")
const cors = require("cors")
const session = require('express-session');
const cookieParser = require('cookie-parser');
const passport = require('passport');
const dotenv = require('dotenv');
const morgan = require('morgan');
const path = require('path');

const passportConfig =require("./passport")
dotenv.config()
const app = express()


const db = require("./models")
const userRouter = require("./routes/user")
passportConfig();
db.sequelize.sync().then(()=>{
    console.log("db 연결 성공")
}).catch(console.error)

app.use(morgan('dev'))
app.use(cors({
    origin : "*"
}))
// app.use('/', express.static(path.join(__dirname, 'uploads')));
app.use(express.json());
app.use(express.urlencoded({ extended: true }));
app.use(cookieParser("siwon"));
app.use(session({
    saveUninitialized: false,
    resave: false,
    secret: "siwon",
}));
app.use(passport.initialize());
app.use(passport.session());

...

passport/local

const passport = require('passport');
const { Strategy: LocalStrategy } = require('passport-local');
const bcrypt = require('bcrypt');
const { User } = require('../models');

module.exports = () => {
    passport.use(new LocalStrategy({
        usernameField: 'email',  //req.body.email
        passwordField: 'password', //req.body.password
    }, async (email, password, done) => {
        try {
            const user = await User.findOne({
                where: { email }
            });
            if (!user) {
                return done(null, false, { reason: '존재하지 않는 이메일입니다 🥲' });
            }
            const result = await bcrypt.compare(password, user.password);
            if (result) {
                return done(null, user);
            }
            return done(null, false, { reason: '비밀번호가 틀렸습니다 🥲' });
        } catch (error) {
            console.error(error);
            return done(error);
        }
    }));
};

passport/index

const passport = require("passport");
const local = require("./local");
const { User } = require("../models");

module.exports = () => {
  passport.serializeUser((user, done) => {
    console.log("serializeUser 실행")
    done(null, user.id);
  });

  passport.deserializeUser(async (id, done) => {
    console.log("deserializeUser 실행")
    try {
      const user = await User.findOne({ where: { id } });
      done(null, user); 
    } catch (error) {
      console.error(error);
      done(error);
    }
  });

  local();
};

로그인을 진행하면 serializeUser 실행은 콘솔에 찍히는데 deserializeUser는 콘솔에 찍히지 않습니다.

req.user도 생성이 안되는 것을 확인하였습니다. app.js에서 세션설정을 잘못한 거 같아 계속 시도해봤지만 

해결되지 않아(storage에 세션쿠키가 없는 것) 질문드립니다 ㅠㅠ

----------------------------------------------------------------------------------

(그림1, POST+prefligth  200)

(그림2)

import { all, fork } from 'redux-saga/effects';
import axios from 'axios'

import userSaga from './user';

axios.defaults.baseURL = 'http://localhost:3065';
axios.defaults.withCredentials = true

export default function* rootSaga() {
    yield all([
        fork(userSaga),
    ]);
}

app.use(cors({
    origin : "http://localhost:3060",
    credential: true,
}))