解决nginx部署后css、js、图片等样式不加载的问题

2023-08-11 11:11| 来源: 网络整理| 查看: 265

这里有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反向代理的功能

【本文地址】

公司简介

联系我们