Node.js URL重写求助：MVC架构下简化路由路径

Hey there! Let's work through that URL simplification issue you're facing with your JavaScript MVC setup. You want users to access the deposit page via /deposit instead of /member/deposit, and I've got a couple of clean solutions for you based on typical Express routing patterns (since your code looks like it's using Express).

First, let's assume your member.js route file looks something like this (since you didn't share the full code):

// member.js
const express = require('express');
const router = express.Router();

// Current deposit route (mounted under /member)
router.get('/deposit', (req, res) => {
  // Your deposit page logic here
  res.render('member/deposit');
});

// Other member-related routes (e.g., profile, settings)
router.get('/profile', (req, res) => {
  res.render('member/profile');
});

module.exports = router;

Solution 1: Map /deposit directly to your existing handler #

If you don't want to restructure your routes too much, you can expose the deposit handler and add a direct route in your index.js:

1. Update member.js to expose the deposit handler:

// member.js
const express = require('express');
const router = express.Router();

// Extract the handler to export it
exports.handleDeposit = (req, res) => {
  res.render('member/deposit');
};

// Keep the original route (optional, if you still want /member/deposit to work)
router.get('/deposit', exports.handleDeposit);

// Other member routes...
router.get('/profile', (req, res) => {
  res.render('member/profile');
});

module.exports = router;

2. Add the new route in index.js:

// index.js
const homeRoute = require('./home'), memberRoute = require('./member');

function init(server) {
  server.get('*', function (req, res, next) {
    res.locals.user = req.user || null;
    return next();
  });

  // Add this line to map /deposit directly to your handler
  server.get('/deposit', memberRoute.handleDeposit);

  server.use('/', homeRoute);
  server.use('/member', memberRoute); // Keep this for other member routes
}

Solution 2: Create a standalone deposit route (cleaner for MVC) #

For better modularity, split the deposit route into its own file. This keeps your route structure organized:

1. Create a new deposit.js route file:

// deposit.js
const express = require('express');
const router = express.Router();

// Now this route will respond to /deposit (since we'll mount it there)
router.get('/', (req, res) => {
  res.render('member/deposit');
});

module.exports = router;

2. Update index.js to mount the new route:

// index.js
const homeRoute = require('./home'), 
      memberRoute = require('./member'),
      depositRoute = require('./deposit'); // Import the new route

function init(server) {
  server.get('*', function (req, res, next) {
    res.locals.user = req.user || null;
    return next();
  });

  server.use('/', homeRoute);
  server.use('/deposit', depositRoute); // Mount deposit at /deposit
  server.use('/member', memberRoute); // Keep other member routes intact
}

Quick Notes #

• Route Order Matters: Make sure the /deposit route is defined before any catch-all routes (like in homeRoute) to prevent it from being intercepted.
• Optional Cleanup: If you don't need the old /member/deposit URL anymore, just delete that route from member.js.

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