本地开发环境无法访问Express.js配置的admin路由问题求助

问题1：访问api.localhost:8082/admin报Invalid Host Header错误 #

• 首先检查本地hosts配置，确保已添加映射规则：127.0.0.1 api.localhost，Windows系统hosts路径为C:\Windows\System32\drivers\etc\hosts，Mac/Linux路径为/etc/hosts
• 在app.js的所有中间件最上方添加信任代理配置：

app.set('trust proxy', true)

• 如果你本地启动了前端开发服务器做接口代理，需要在前端开发工具配置中添加api.localhost到允许域名列表，比如webpack-dev-server可添加allowedHosts: ['api.localhost', 'localhost']配置。

问题2：访问localhost:8082/admin返回空白页 #

这个问题的核心原因是app.js中的中间件加载顺序错误，静态资源中间件优先级高于路由配置：
你当前的代码顺序是：

// 先加载静态资源中间件
app.use(express.static(path.join(__dirname, 'public')));
// 后挂载路由
app.use('/', index);

如果public目录下存在admin文件夹或者admin.html文件，静态资源中间件会直接返回对应内容，不会走到你定义的/admin路由逻辑。
调整顺序即可解决：

// 先挂载所有路由
app.use('/', index);
app.use('/pre', require('./routes/pre'));
app.use('/auth', require('./routes/auth'));
// 后加载静态资源中间件
app.use(express.static(path.join(__dirname, 'public')));

修改后重启服务，再次访问localhost:8082/admin就会触发你定义的路由逻辑，渲染login模板。
如果调整顺序后还是空白，打开浏览器开发者工具的控制台/网络标签，检查是否有静态资源加载失败的报错，修正login.jade模板中的资源引用路径即可。

可选校验步骤 #

你可以在routes/index.js的/adminGET路由中添加日志，确认请求是否正常走到路由逻辑：

router.get('/admin', function(req, res) {
  console.log('触发admin登录页路由', req.path)
  res.render('login')
})

重启服务后访问地址，查看终端是否有对应日志输出即可确认路由是否生效。

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