如何实现在同一端口下访问前端页面和后端express API?

Question

想整合到同一个项目中，如何实现当在浏览器访问http://xxx.com时，显示的是前端Vue视图，当在浏览器访问的是http://xxx.com/api时，访问的是后端express API？

Answer 1

看你架构是怎么搭建的。

如果 express 直接充当 server，express 里可以在中间件里判断请求路径是否以 api/ 开头，如果是则执行 API 业务逻辑，不是则去找对应静态文件。

如果前面还有一层 nginx，那么可以通过配置 location 的方式进行转发；如果 location 是 /api/ 则转发给 node 服务，否则直接走 wwwroot。

如果前面还有一层网关或是负载均衡器，则在该层也可以直接配置转发，本质上还是和 nginx 的 location 一样，不过可以跨主机了。