如何在Node.js中从login.js路由向dashboard.js路由传递变量？

Hey there! Let's break down how to pass variables between your login.js and dashboard.js routes in Node.js—there are a few solid approaches depending on your use case. I’ll walk through the most common and practical solutions below:

This is the go-to method for passing sensitive, user-specific data (like login credentials or user profiles) between routes. Sessions store data server-side and link it to the user via a cookie.

Step 1: Set up express-session #

First, install the package and configure it in your main app file (e.g., app.js):

const session = require('express-session');

app.use(session({
  secret: 'your-ultra-secret-key-change-this-in-production',
  resave: false,
  saveUninitialized: false,
  cookie: { 
    secure: process.env.NODE_ENV === 'production', // Use HTTPS in production
    maxAge: 24 * 60 * 60 * 1000 // Session expires after 1 day
  }
}));

Step 2: Store data in login.js #

After validating the user’s login, save their data to the session:

// login.js
router.post('/', (req, res) => {
  // Assume you've verified credentials and fetched user data from a database
  const authenticatedUser = { id: 456, username: 'kehinde', email: 'kehinde@example.com' };
  
  // Save user data to the session
  req.session.user = authenticatedUser;
  
  // Redirect to dashboard
  res.redirect('/dashboard');
});

Step 3: Access data in dashboard.js #

Retrieve the session data to use in your dashboard route:

// dashboard.js
router.get('/', (req, res) => {
  // Check if the user is authenticated
  if (!req.session.user) {
    return res.redirect('/login'); // Redirect to login if no session exists
  }
  
  // Pass the user data to your template (e.g., EJS, Pug)
  res.render('dashboard', { user: req.session.user });
});

Great for one-time, non-sensitive messages (like login success alerts). Just append data to the redirect URL.

In login.js: #

router.post('/', (req, res) => {
  const successMessage = 'Login successful! Welcome back.';
  // Encode the message to handle spaces/special characters
  res.redirect(`/dashboard?success=${encodeURIComponent(successMessage)}`);
});

In dashboard.js: #

router.get('/', (req, res) => {
  // Extract the query parameter
  const successMsg = req.query.success;
  res.render('dashboard', { successMsg });
});

⚠️ Note: Never use this for sensitive data (like passwords or API keys)—it’s visible in the URL.

Perfect for temporary alerts that should disappear after being displayed once (e.g., login errors, success messages). Use the connect-flash package with Express.

Step 1: Set up connect-flash #

Install the package and add it to your app config:

const flash = require('connect-flash');
app.use(flash());

Step 2: Store flash data in login.js #

router.post('/', (req, res) => {
  req.flash('success', 'You’ve logged in successfully!');
  res.redirect('/dashboard');
});

Step 3: Access flash data in dashboard.js #

router.get('/', (req, res) => {
  // Retrieve the flash message (it’s cleared after being accessed)
  const successMsg = req.flash('success')[0];
  res.render('dashboard', { successMsg });
});

Use cookies to store tiny pieces of non-sensitive data (like theme preferences) that need to persist across sessions.

Step 1: Set up cookie-parser #

Install and configure the middleware:

const cookieParser = require('cookie-parser');
app.use(cookieParser());

Step 2: Set a cookie in login.js #

router.post('/', (req, res) => {
  // Store a user preference (e.g., dark mode)
  res.cookie('theme', 'dark', { maxAge: 7 * 24 * 60 * 60 * 1000 }); // Expires in 7 days
  res.redirect('/dashboard');
});

Step 3: Read the cookie in dashboard.js #

router.get('/', (req, res) => {
  const userTheme = req.cookies.theme || 'light'; // Default to light if no cookie exists
  res.render('dashboard', { theme: userTheme });
});

If you need to pass large or persistent data (like user orders or settings), store it in a database (MongoDB, PostgreSQL) or cache (Redis), then fetch it in the dashboard route using a user ID from the session.

Example in dashboard.js: #

router.get('/', async (req, res) => {
  if (!req.session.user) return res.redirect('/login');
  
  // Fetch user orders from a database using the session's user ID
  const userOrders = await OrderModel.find({ userId: req.session.user.id });
  
  res.render('dashboard', { orders: userOrders });
});

Quick Recommendation #

For most login-to-dashboard flows, Express Sessions are the safest and most scalable choice for user authentication data. Use flash messages for one-time alerts, and query parameters/cookies only for non-sensitive, temporary data.

内容的提问来源于stack exchange，提问作者kehinde hussein