nginx部署后css、js、图片等样式不加载问题的两种解决方案
更新时间：2023年12月07日 11:20:13 作者：java叶新东老师
这篇文章主要介绍了nginx部署后css、js、图片等样式不加载问题的两种解决方案,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
这里有2种方案可以解决，这里只介绍第一种，第二种我也没试过，但是觉得应该可行
1、修改nginx的conf配置文件
2、更改web服务器contextPath为ip+端口的方式，举例：HttpServletRequest.getContextPath();
使用nginx的反向代理后，发现页面能正常跳转，可是css、js和相关的图片就是不出来,如下图
查看了a标签内的链接发现，contextPath竟然用的是nginx的负载均衡服务器的列表名称
然我将配置文改成以下的内容后成功解决了问题
user nobody;
worker_processes 4;
events{
worker_connections 1024;
}
http{
upstream xd-project{
server 47.52.68.xx:8080;
server 45.40.205.xx;
}
server{
listen 80;
location / {
proxy_pass http://xd-project;
}
location ~ .* {
proxy_pass http://xd-project;
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
}
}不知道是什么原理，这是我们公司的架构师告诉我的，大家有空可以深究下，告诉我原理
然后试了一下，一切正常
以上就是nginx部署后css、js、图片等样式不加载问题的两种解决方案的详细内容，更多关于nginx部署后css、js、图片等样式不加载的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要为大家介绍了filebeat同时收集错误日志与普通日志并存详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
Nginx是一款轻量级的Web服务器、反向代理服务器及电子邮件代理服务器,其特点是占有内存少,并发能力强,事实上nginx的并发能力确实在同类型的网页服务器中表现较好,本文主要介绍利用nginx来禁用特定ip的方法,需要的朋友可以参考下2023-09-09
本篇文章主要介绍了使用nginx搭建点播和直播流媒体服务器的方法步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-03-03
这篇文章主要介绍了Nginx实现静态资源的反向代理实例,本文通过分析github发现这个应用,可以避免在https的网站中出现http链接,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了nginx add_header指令使用方法，nginx配置文件通过使用add_header指令来设置response header,需要的朋友可以参考下2014-03-03
使用Nginx反向代理与proxy_cache缓存搭建CDN服务器的配置方法
linux下通过Nginx反向代理和proxy_cache缓存搭建CDN服务器加快Web访问速度的配置方法2013-06-06
这篇文章主要介绍了Nginx批量添加二级子域名完美方案,本文讲解使用正则表达式批量匹配指定域名的二级域名虚拟主机,需要的朋友可以参考下2015-04-04
这篇文章主要介绍了使用Nginx代理上网的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
nginx代理做好了，缓存也配置好了，但是发现css、js、jpg这些静态文件统统都cached成功。但是偏偏页面文件依旧到源服务器取2014-04-04
这篇文章主要介绍了Nginx Rewrite模块应用的几种场景，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
最新评论