Ubuntu系统下使用Nginx为指定端口Angular项目绑定域名失败如何解决

• 修正端口监听配置
  你当前配置仅监听4201端口，普通域名访问默认走HTTP 80端口/HTTPS 443端口，请求无法匹配到当前server块，会直接 fallback 到Nginx默认站点。如果需要实现不带端口访问域名，将监听端口改为80即可：

listen 80;
listen [::]:80;

如果需要同时保留IP+4201的访问方式，可以在同一个server块内同时保留多组listen规则。

• 修复配置语法错误
  现有配置中server_name alienprods.com www.alienprods.com行末尾缺少分号，属于Nginx语法错误，会直接导致该配置块加载失败，Nginx会自动忽略无效配置使用默认站点。修正后配置为：

server_name alienprods.com www.alienprods.com;

• 验证配置有效性并重载服务
  修改配置后必须执行命令校验语法、重载配置才能生效：
  • 配置语法测试：nginx -t
  • 重载Nginx配置：systemctl reload nginx
    如果语法测试报错，优先根据提示修正对应配置问题。
• 清理冲突的默认配置
  检查/etc/nginx/sites-enabled/目录下是否还存在默认的default配置文件，该配置默认监听80端口的所有域名，匹配优先级高于自定义配置，会优先返回默认页面。确认不需要的话可以执行rm /etc/nginx/sites-enabled/default删除后重载Nginx。
• 验证域名解析正确性
  在本地终端执行ping alienprods.com，确认返回的IP地址和你的服务器公网IP完全一致，避免解析错误导致请求落到其他服务器。
• 检查站点目录访问权限
  确认/var/www/html/alienprods目录及其内部文件的读取权限对Nginx运行用户（通常为www-data）开放，权限不足也会导致Nginx fallback到默认站点。
• 确认端口放行规则
  检查服务器防火墙、云服务商安全组规则已经放开80端口的入站访问，避免请求被安全规则拦截。

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