最近在配置Nginx作为反向代理时遇到一个小问题,当设置好代理指向Jenkins后,发现页面虽然可以正常打开,但所有的JavaScript和CSS文件都无法加载 🚨。经过排查,问题出在静态资源路径的相对地址上。由于Nginx代理后,浏览器请求的资源路径发生了变化,导致前端无法正确找到这些文件。
解决方法其实很简单,只需要在Nginx配置中添加`proxy_pass_header`指令,并设置`location`块中的`root`或`alias`参数来指定静态文件的实际存储位置。例如:
```nginx
location /static/ {
alias /path/to/jenkins/static/;
}
```
调整后重新加载Nginx配置,页面上的JS和CSS终于恢复正常了 ✅。这次经历也让我意识到,Nginx的配置细节确实需要多加注意,尤其是在处理反向代理时。希望大家能从我的经验中受益,避免踩同样的坑!💪