nodejs - Set-Cookie 出现在响应中但在浏览器中丢失

Question

I'm working with express.js and passport.js as my backened with axios and vue.js as my frontend.

I can see my set-cookie but the cookie is not present in my browser. Pictures linked below.

Response headers Request headers

This cookie is used to authenticate my user using passport.js.

The following is the code for my express.js.

 var app = express(); app.use(cors({ origin: "http://localhost:8080", credentials: true })); app.use(logger('dev')); app.use(express.json()); app.use(express.urlencoded({ extended: false })); app.use(cookieParser()); app.use(express.static(path.join(__dirname, 'public'))); app.use(session({ secret: 'p@ssw0rd' })); app.use(passport.initialize()); app.use(passport.session());

The method below will be called through vue.js methods.

 const url = "http://localhost:3000/"; let axiosConfig = { withCredentials: true, headers: { 'Content-Type': 'application/json', 'Access-Control-Allow-Origin': 'http://localhost:3000/', 'Access-Control-Allow-Methods': 'GET,PUT,POST,DELETE' } } class user { static login(username, password) { return new Promise(async(resolve, reject) => { try { const res = await axios.post( `${url}login`, { username, password }, axiosConfig ); resolve(res.data); } catch (err) { reject(err); } }); }

Backend is run at localhost:3000 and frontend is run at localhost:8080

Inspecting cookies. No data presented for selected host

Answer 1

I found the answer to my question and the solution is really stupid, nothing code related. Since I am working on expressjs and a friend works on vuejs, he added two of the same folder that contains the axios methods. I changed the part which is not referenced.

The code I posted in my question works.