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、图片等样式不加载的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要介绍了Nginx 服务器重启关闭重新加载命令,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-03-03
Docker Nginx容器和Tomcat容器实现负载均衡与动静分离操作
这篇文章主要介绍了Docker Nginx容器和Tomcat容器实现负载均衡与动静分离操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
Nginx是一款轻量级的Web服务器，由俄罗斯的程序设计师Igor Sysoev所开发，最初供俄国大型的入口网站及搜寻引Rambler使用。 下面这篇文章主要给大家介绍了关于Nginx防御DDOS攻击的配置方法，需要的朋友可以参考下。2017-07-07
众所周知Nginx是一款高性能的http服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,这篇文章主要给大家介绍了关于nginx部署前端项目的超级详细步骤,需要的朋友可以参考下2023-02-02
这篇文章主要介绍了Nginx域名转发使用场景代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-09-09
这篇文章主要介绍了nginx cookie有效期讨论小结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-05-05
这篇文章主要介绍了负载均衡下的webshell上传+nginx解析漏洞,首先介绍了负载均衡下webshell上传的四大难点及环境搭建教程,感兴趣的朋友跟随小编一起看看吧2024-02-02
详解基于centos7搭建Nginx网站服务器（包含虚拟web主机的配置）
这篇文章主要介绍了详解基于centos7搭建Nginx网站服务器（包含虚拟web主机的配置），文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-10-10
惊群效应是Nginx在处理大量并发连接时可能出现的一个性能问题,本文主要介绍了浅谈Nginx是如何解决惊群效应的,具有一定的参考价值,感兴趣的可以了解一下2025-04-04
在解决shell文件上传问题、命令执行漂移等困难后,可实现正常的webshell上传,本文主要介绍了Nginx负载均衡下的webshell连接的实现,具有一定的参考价值,感兴趣的可以了解一下2024-01-01
最新评论