Express静态服务图片无法通过192.168.x.x私有IP访问的问题

问题原因及解决方案 #

可能原因1：浏览器代理配置异常

如果你的浏览器开启了全局代理，默认127.0.0.1会走直连，而192.168.x.x段地址如果没有加入代理例外列表，请求会被转发到代理服务器。部分代理服务器会对图片类资源做特殊校验或拦截，文本类资源则不受影响，就会出现你遇到的现象。
解决方法：

• 打开浏览器代理设置，将192.168.0.0/16整个私有IP段添加到「不使用代理的地址」列表中
• 临时关闭全局代理后重试访问

可能原因2：浏览器扩展拦截

广告拦截、隐私防护类的浏览器扩展，经常会将私有IP下的图片资源判定为跟踪类资源拦截，文本文件因为不在拦截规则范围内可以正常加载。
解决方法：

• 禁用所有浏览器扩展后重试
• 将http://192.168.1.236:8002添加到对应扩展的白名单中

可能原因3：浏览器私有网络访问安全限制

新版Chrome、Safari都默认启用了「私有网络访问（PNA）」安全策略，会拦截不安全的跨安全域私有网络请求。如果你的浏览器之前访问过公网站点，后续请求私有IP的资源时就可能触发该限制，图片类资源属于高频限制对象，文本类资源限制较松。
解决方法：

• Chrome用户可以在地址栏输入chrome://flags/#block-insecure-private-network-requests，将该选项设置为Disabled后重启浏览器验证
• 后续生产环境可以给服务配置HTTPS证书，规避PNA限制

可能原因4：文件权限差异

如果本地执行curl http://192.168.1.236:8002/icon.png也返回403错误，说明是服务端权限问题：icon.png和temp.txt的文件权限不一致，Node.js进程没有读取图片的权限。
解决方法：

• 进入桌面目录，执行chmod 644 icon.png给图片添加所有人可读权限即可

可能原因5：系统防火墙拦截

部分系统的防火墙或第三方安全软件，会对私有IP的图片类流量做特殊过滤，文本流量不受影响。
解决方法：

• 临时关闭系统防火墙和第三方安全软件后重试
• Mac用户可以进入「系统设置>网络>防火墙」，将Node.js添加到允许传入连接的列表中

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