req.query in Express.js is undefined

Question

I am implementing Stripe Checkout in a MERN application.

After a customer makes a successful payment, he/she is redirected to a checkout success URL where CheckoutSuccess page renders on the screen. Also, Stripe sends a session_id in the URL, as shown in the picture below.

When CheckoutSuccess page renders, I send a POST request to /api/order/success. In the route handler function, I need to access the session-id(which is in the URL) sent by Stripe.

The problem I am facing is when I try to console.log req.query, I get a blank object; therefore req.query.session_id returns undefined.

Why is req.query a blank object?

The code snippets are as follows: orderRoutes.js

const express = require("express");
const asyncHandler = require("express-async-handler");
const dotenv = require("dotenv");
dotenv.config();

const stripe = require("stripe")(process.env.STRIPE_SECRET_KEY);

const router = express.Router();

router.post(
  "/success",
  asyncHandler(async (req, res) => {
    console.log(req.query);
    const session = await stripe.checkout.sessions.retrieve(
      req.query.session_id
    );
    const customer = await stripe.customers.retrieve(session.customer);
    res.send(customer);
  })
);

module.exports = router;

orderSlice.js

import { createSlice, createAsyncThunk } from "@reduxjs/toolkit";
import axios from "axios";

const initialState = {
  status: "idle",
  customer: null,
  error: null,
};

export const fetchCustomer = createAsyncThunk(
  "order/fetchCustomer",
  async (_, { rejectWithValue }) => {
    try {
      const { data } = await axios.post("/api/order/success");
      return data;
    } catch (err) {
      return rejectWithValue(err.response.data);
    }
  }
);

export const orderSlice = createSlice({
  name: "order",
  initialState,
  reducers: {},
  extraReducers: {
    [fetchCustomer.pending]: (state, action) => {
      state.status = "loading";
    },
    [fetchCustomer.fulfilled]: (state, action) => {
      state.status = "succeeded";
      state.customer = action.payload;
    },
    [fetchCustomer.rejected]: (state, action) => {
      state.status = "failed";
      state.error = action.payload.message;
    },
  },
});

export default orderSlice.reducer;

You need to append the querystring to the url using `'/api/order/success' + location.search` — Molda, Apr 08 '21 at 19:45
if you use method POST, you shuld use `req.body` because `req.query` is used when the method is GET . — Gleny, Apr 08 '21 at 19:53
@Molda The query string is already there in the URL, returned by Stripe. Why do I need to append it? — HKS, Apr 08 '21 at 19:59
@hks what does your fetch() request look like? The one you make to `/api/order/success`? — hmunoz, Apr 08 '21 at 20:07
@HKS Gleny is correct, use `req.body` rather than `req.query` see https://stackoverflow.com/questions/5710358/how-to-access-post-form-fields — Nico Nekoru, Apr 08 '21 at 20:09
Does this answer your question? [How to access POST form fields](https://stackoverflow.com/questions/5710358/how-to-access-post-form-fields) — Nico Nekoru, Apr 08 '21 at 20:09
your `fetch()` call isn't passing any data or query params, right? that seems to be the issue here — hmunoz, Apr 08 '21 at 20:11
@NicoNekoru Even when I change the method to `GET`, `req.query` is still a blank object. Why so? — HKS, Apr 08 '21 at 20:14
Have you tried specifying a specific query parser with `app.set()`? — Nico Nekoru, Apr 08 '21 at 20:19

score 0 · Accepted Answer · answered Apr 08 '21 at 20:25

0

Moving out of comment and into an answer

your fetch() call isn't passing any data or query params, right? that seems to be the issue here

answered Apr 08 '21 at 20:25

hmunoz

2,791
5
11

req.query in Express.js is undefined

1 Answers1