解决nginx部署后cssjs图片等样式不加载的问题
Posted java叶新东老师
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决nginx部署后cssjs图片等样式不加载的问题相关的知识,希望对你有一定的参考价值。
这里有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;
不知道是什么原理,这是我们公司的架构师告诉我的,大家有空可以深究下,告诉我原理
然后试了一下,一切正常
另外,放出个人网站的地址:www.yexd.xyz、 www.huashuku.top,这2个域名都是指向上图的网站,使用了nginx反向代理的功能
以上是关于解决nginx部署后cssjs图片等样式不加载的问题的主要内容,如果未能解决你的问题,请参考以下文章
vue项目部署CSS失效VUE部署后css样式加载无效和失效多种情况解决方案
nginxnginx 无法加载css/js/gif/png等图片等文件