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 proxy_cache批量清除缓存的脚本介绍

    nginx proxy_cache批量清除缓存的脚本介绍

    今天小编就为大家分享一篇关于nginx proxy_cache批量清除缓存的脚本介绍,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-02-02
  • CentOS 7下安装Nginx服务器

    CentOS 7下安装Nginx服务器

    这篇文章主要为大家详细介绍了CentOS 7下安装Nginx服务器的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • nginx 部署 vue 项目找不到js css文件的解决方法

    nginx 部署 vue 项目找不到js css文件的解决方法

    这篇文章主要介绍了nginx 部署 vue 项目找不到js css文件的解决方法,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-07-07
  • nginx反向代理https内部定向到http报302的问题及解决

    nginx反向代理https内部定向到http报302的问题及解决

    这篇文章主要介绍了nginx反向代理https内部定向到http报302的问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-12-12
  • 浅析Nginx如何实现接口分流

    浅析Nginx如何实现接口分流

    这篇文章主要为大家详细Nginx如何实现接口分流的基本步骤和示例配置,文中的示例代码简洁易懂,有需要的小伙伴可以跟随小编一起学习一下
    2024-10-10
  • 在Nginx上配置多个站点的方法

    在Nginx上配置多个站点的方法

    这篇文章主要介绍了在Nginx上配置多个站点的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • nginx内部访问特性如何实现静态资源授权访问

    nginx内部访问特性如何实现静态资源授权访问

    这篇文章主要介绍了nginx内部访问特性如何实现静态资源授权访问方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-06-06
  • 使用Nginx、Nginx Plus抵御DDOS攻击的方法

    使用Nginx、Nginx Plus抵御DDOS攻击的方法

    DDOS 是一种通过大流量的请求对目标进行轰炸式访问,导致提供服务的服务器资源耗尽进而无法继续提供服务的攻击手段。这篇文章主要介绍了使用Nginx、Nginx Plus抵御DDOS攻击的方法,感兴趣的小伙伴们可以参考一下
    2018-06-06
  • Nginx重新编译添加模块的方法

    Nginx重新编译添加模块的方法

    这篇文章主要介绍了Nginx重新编译添加模块的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-07-07
  • nginx虚拟主机配置实例详解

    nginx虚拟主机配置实例详解

    这篇文章主要介绍了nginx虚拟主机配置实例详解的相关资料,需要的朋友可以参考下
    2017-06-06

最新评论