前言许多时候由于各种策略或是出于安全等考虑只开放单个端口但是此时你需要上线两个项目前端就需要用到了nginx同一端口部署两前端的方法。一、必备条件打包文件1.两个前端的路由守卫不互相冲突。2.两个前端打包的时候不能直接打包需要在publicpath中加上对应转发路径如果不加上就会出现请求的路径匹配不上nginx转发原则的情况。nginx安全稳定版本能跑起来的nginx笔者吃过亏遇到过本身就跑不起来的nginx。二、配置nginx的conf这是关键的步骤将nginx.conf改成12345678910111213141516server {listen 80;server_name example.com;# 配置第一个应用路径为 /app1/location /app1/ {alias /var/www/app1/;try_files $uri $uri/ /app1/index.html;}# 配置第二个应用路径为 /app2/location /app2/ {alias /var/www/app2/;try_files $uri $uri/ /app2/index.html;}}alias中配置的是两个前端文件路径转发的标识根据你打包文件中publicpath的路径而定制注意事项在 alias 后的路径末尾需要添加斜杠 /否则可能会导致文件路径错误。