EC2上Nginx无法访问Node.js后端/images文件夹图片问题排查

核心配置问题 #

你的Nginx配置中，location /images/ 仅匹配以/images/开头的请求URL（比如http://www.domain.com/images/image01.jpg），但你实际访问的是根路径下的图片（http://www.domain.com/image01.jpg），这类请求会被优先级更高的location /规则接管，而前端目录/opt/front-end中没有对应图片，最终返回index.html，导致无法正常访问图片。

两种配置调整方案 #

• 方案一：支持根路径直接访问图片
  如果想保留http://www.domain.com/image01.jpg的访问方式，添加匹配图片后缀的location规则：

  server {
    charset utf-8;
    listen 80 default_server;
    server_name _;
  
    # 优先处理图片请求
    location ~* \.(jpg|jpeg|png|gif)$ {
        root /opt/back-end/images/;
    }
  
    location / {
      root /opt/front-end;
      try_files $uri /index.html;
    }
  
    location /api/ {
      proxy_pass http://localhost:4000/;
    }
  }
  

  此规则会把所有图片后缀的请求，映射到/opt/back-end/images/目录下的对应文件。

• 方案二：统一使用/images/路径访问
  如果你愿意将访问URL改为http://www.domain.com/images/image01.jpg，只需确保后端图片确实存储在/opt/back-end/images/目录下（当前配置中，root /opt/back-end/会将请求/images/image01.jpg映射到/opt/back-end/images/image01.jpg），无需修改现有location规则。

权限与路径验证 #

除配置外，需确认以下几点：

• 图片路径正确性：执行ls /opt/back-end/images/，检查目标图片是否存在于该目录。
• Nginx权限：Nginx运行用户（通常为www-data或nginx）需有读取图片目录和文件的权限。执行以下命令设置权限：

  sudo chmod -R 755 /opt/back-end/images/
  sudo chmod 644 /opt/back-end/images/*.jpg
  

• SELinux限制（仅CentOS/RHEL系EC2实例）：SELinux可能阻止Nginx访问非默认目录。临时关闭测试：

  sudo setenforce 0
  

  若恢复正常，执行以下命令永久添加权限：

  sudo chcon -R -t httpd_sys_content_t /opt/back-end/images/
  

配置生效验证 #

修改配置后，务必重新加载Nginx使配置生效：

sudo nginx -s reload

可提前用nginx -t检查配置语法是否正确。

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