问题分析
打开浏览器开发者工具(F12),加载部署的网页内容,查看Console标签的报错信息,发现静态资源文件的加载地址存在问题,这个问题是设置反向代理后,无法获取正确的资源文件地址导致的。
解决办法
nginx配置修改:配置静态文件的映射
server
{
listen 80;
server_name www.xxx.com;
#忽略其他配置...
location / {
proxy_pass http://www.xxx.com:8012;
}
#----------------| 修改静态资源代理地址 |----------------start
location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
{
proxy_pass http://www.xxx.com:8978;
}
location ~ .*\.(js|css)?$
{
proxy_pass http://www.xxx.com:8978;
}
#----------------| 修改静态资源代理地址 |----------------end
}
博客分析了设置nginx反向代理后,静态资源(如css、js)无法加载的问题。通过浏览器开发者工具查看报错信息,发现是静态资源文件加载地址有误。解决办法是对nginx配置进行修改,配置静态文件的映射。
6736





