express-subdomain路由异常求助：子域与主域路由冲突问题

我来帮你搞定这个路由冲突的问题！你的核心问题在于没有把对应子域的子路由（比如/about、/price）嵌套到子域专属的路由器中，而是直接把所有路由都挂载到了主app上。这样一来，Express会按照路由挂载的顺序优先匹配主域的路由（比如appleAboutRouter），哪怕你访问的是banana子域的请求。

问题根源分析 #

你原来的代码里，类似app.use('/about', appleAboutRouter)这样的写法是对所有域名生效的（包括所有子域）。当你访问http://banana.localhost.com:3000/about/view时，Express会先匹配到挂载在前的appleAboutRouter，所以返回了苹果的内容，而不是香蕉的。

正确配置方案 #

我们需要为每个子域创建一个独立的根路由器，把该子域下的所有子路由（/、/about、/price）都挂载到这个根路由器上，再通过subdomain中间件绑定到对应的子域名。主域的路由则单独挂载到app上。

修改后的app.js代码 #

const express = require('express');
const subdomain = require('express-subdomain');
const app = express();

// 引入所有路由文件
const appleRouter = require('./routes/apple/index');
const appleAboutRouter = require('./routes/apple/about');
const applePriceRouter = require('./routes/apple/price');
const bananaRouter = require('./routes/banana/index');
const bananaAboutRouter = require('./routes/banana/about');
const bananaPriceRouter = require('./routes/banana/price');
const grapeRouter = require('./routes/grape/index');
const grapeAboutRouter = require('./routes/grape/about');
const grapePriceRouter = require('./routes/grape/price');

// 1. 配置Banana子域路由
const bananaSubdomainRouter = express.Router();
bananaSubdomainRouter.use('/', bananaRouter);          // 匹配 banana.localhost.com:3000/
bananaSubdomainRouter.use('/about', bananaAboutRouter); // 匹配 banana.localhost.com:3000/about/*
bananaSubdomainRouter.use('/price', bananaPriceRouter); // 匹配 banana.localhost.com:3000/price/*
app.use(subdomain('banana', bananaSubdomainRouter));    // 绑定到banana子域

// 2. 配置Grape子域路由（和Banana逻辑一致）
const grapeSubdomainRouter = express.Router();
grapeSubdomainRouter.use('/', grapeRouter);
grapeSubdomainRouter.use('/about', grapeAboutRouter);
grapeSubdomainRouter.use('/price', grapePriceRouter);
app.use(subdomain('grape', grapeSubdomainRouter));

// 3. 配置主域（Apple）路由
app.use('/', appleRouter);
app.use('/about', appleAboutRouter);
app.use('/price', applePriceRouter);

app.listen(3000, () => {
  console.log('Server running on http://localhost:3000');
});

路由文件无需修改 #

你现有的路由文件（比如/routes/banana/about.js）完全可以继续使用，因为当它被挂载到bananaSubdomainRouter的/about路径下时，router.get('/view')会自动对应到banana.localhost.com:3000/about/view，正好符合你的需求。

验证预期行为 #

修改后，所有请求都会正确匹配对应的路由：

• http://localhost.com:3000/ → 返回"I am Apple"
• http://localhost.com:3000/about/view → 返回"Apples don't taste good."
• http://localhost.com:3000/price/view → 返回"$ 1"
• http://banana.localhost.com:3000/ → 返回"I am Banana"
• http://banana.localhost.com:3000/about/view → 返回"Bananas are delicious."
• http://banana.localhost.com:3000/price/view → 返回"$ 2"

关键注意事项 #

• 路由挂载顺序：子域的路由配置要放在主域路由前面吗？其实不需要，因为subdomain中间件会先检查请求的子域名，匹配到对应子域后就会进入子域路由器，不会继续匹配主域路由。不过按子域→主域的顺序挂载，逻辑上更清晰。
• 子域路由器的作用：每个子域的路由器相当于一个独立的"小app"，把该子域下的所有路由都包裹在里面，避免和主域或其他子域的路由冲突。

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