Why are cookies not sent to the server via getServerSideProps in Next.js?

by

That’s because the request inside getServerSideProps doesn’t run in the browser – where cookies are automatically sent on every request – but actually gets executed on the server, in a Node.js environment.

This means you need to explicitly pass the cookies to the axios request to send them through.

export async function getServerSideProps({ req }) {
    const res = await axios.get("http://localhost:5000/api/auth", {
        withCredentials: true,
        headers: {
            Cookie: req.headers.cookie
        }
    });
    const data = await res.data;
    return { props: { data } }
}

The same principle applies to requests made from API routes to external APIs, cookies need to be explicitly passed as well.

export default function handler(req, res) {
    const res = await axios.get("http://localhost:5000/api/auth", {
        withCredentials: true,
        headers: {
            Cookie: req.headers.cookie
        }
    });
    const data = await res.data;
    res.status(200).json(data)
}

More Related Contents:

  1. Next.js: How to get static assets from within getStaticProps
  2. Module not found: Can’t resolve ‘fs’ in Next.js application
  3. Next.js: document is not defined
  4. React + Material-UI – Warning: Prop className did not match
  5. Is it safe to store a JWT in localStorage with ReactJS?
  6. React-router with BrowserRouter / browserHistory doesn’t work on refresh
  7. Error message “error:0308010C:digital envelope routines::unsupported”
  8. ‘npm start’ returns error: “There might be a problem with the project dependency tree”
  9. Authenticating socket io connections using JWT
  10. Create a HOC (higher order component) for authentication in Next.js
  11. In React and Next.js constructor, I am getting “Reference Error: localstorage is not defined”
  12. npm ERR! code UNABLE_TO_GET_ISSUER_CERT_LOCALLY
  13. How to build a production version of React without minification?
  14. How to send email from my react web application
  15. Send mail via Google Apps Gmail using service account domain wide delegation in nodejs
  16. How to make the webpack dev server run on port 80 and on 0.0.0.0 to make it publicly accessible?
  17. jwt.io says Signature Verified even when key is not provided
  18. Verifying Auth0 JWT throws invalid algorigthm
  19. unable to deploy next js to azure
  20. Jest gives `Cannot find module` when importing components with absolute paths
  21. React app error: Failed to construct ‘WebSocket’: An insecure WebSocket connection may not be initiated from a page loaded over HTTPS
  22. Material-UI Rendering Bugs in production / build
  23. How to organise file structure of backend and frontend in MERN
  24. Access to XMLHttpRequest at ‘…’ from origin ‘localhost:3000’ has been blocked by CORS policy
  25. One project with multiple package.json files
  26. How to get SCSS variables into react
  27. Invalid options object. Dev Server has been initialized using an options object that does not match the API schema
  28. How to deploy reactapp with heroku-22?
  29. Want to have an event handler for the browser’s back button with next.js
  30. Webpack how to build production code and how to use it

Leave a Comment