求助：Linux服务器部署Angular 5应用后无法访问，求指导后续步骤

Hey there! 从IIS转Linux部署Angular确实得适应一下不同的流程，我来帮你一步步排查和搞定这个问题～

你目前已经完成了Angular应用的生产构建和文件上传，但Linux服务器默认没有像IIS那样的web服务来托管静态文件，而且Angular作为单页应用（SPA）需要额外的路由配置，这就是页面空白的主要原因。下面是具体的解决步骤：

第一步：安装并启动Web服务器（推荐Nginx） #

Linux上常用轻量且适合静态资源托管的是Nginx，先把它装上：

• 如果你用的是Ubuntu/Debian系统：

  sudo apt update && sudo apt install nginx
  

• 如果你用的是CentOS/RHEL系统：

  sudo yum install nginx
  

安装完成后启动服务并设置开机自启：

sudo systemctl start nginx
sudo systemctl enable nginx

先验证Nginx是否正常运行：直接在浏览器访问服务器IP，能看到Nginx的默认欢迎页面就说明服务没问题。

第二步：配置Nginx指向你的Angular应用 #

接下来要让Nginx知道去哪里找你的dist文件，还要处理Angular的路由问题：

1. 新建一个Nginx站点配置文件：

   sudo nano /etc/nginx/sites-available/angular-app
   

2. 粘贴以下配置，记得替换里面的路径和服务器域名/IP：

   server {
       listen 80;
       server_name 你的服务器域名或IP;
   
       # 替换成你上传dist文件夹的实际路径，比如/var/www/my-angular-app
       root /path/to/your/dist/folder;
       index index.html;
   
       # 关键：处理Angular单页应用的路由刷新问题，避免刷新页面404
       location / {
           try_files $uri $uri/ /index.html;
       }
   }
   

3. 将配置文件链接到启用站点目录：

   sudo ln -s /etc/nginx/sites-available/angular-app /etc/nginx/sites-enabled/
   

4. 检查配置是否有语法错误：

   sudo nginx -t
   

5. 重启Nginx让配置生效：

   sudo systemctl restart nginx
   

第三步：修复文件权限问题 #

Linux对文件权限的要求很严格，要确保Nginx的运行用户（一般是www-data）能访问你的dist文件：

# 更改文件所属用户和组
sudo chown -R www-data:www-data /path/to/your/dist/folder
# 设置合理的文件权限
sudo chmod -R 755 /path/to/your/dist/folder

第四步：测试访问 #

现在直接在浏览器访问http://你的服务器域名或IP就可以了，不用再加folderPath/index.html——因为我们已经在Nginx配置里指定了默认首页和根路径。

如果还是有问题，可以查看Nginx的错误日志找线索：

sudo tail -f /var/log/nginx/error.log

额外注意事项 #

• 如果你之前修改过Angular的baseHref，要确保Nginx配置里的root路径和baseHref对应上
• 检查服务器防火墙是否开放了80端口：Ubuntu可以用sudo ufw allow 80，CentOS用sudo firewall-cmd --add-port=80/tcp --permanent && sudo firewall-cmd --reload

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