首页 > 代码库 > nginx设置反向代理后,页面上的js css文件无法加载

nginx设置反向代理后,页面上的js css文件无法加载

问题现象:

  nginx配置反向代理后,网页可以正常访问,但是页面上的js css文件无法加载,页面样式乱了。

(1)nginx配置如下:

技术分享

(2)域名访问:js css文件无法加载;

技术分享

(3)IP访问:js css文件可以正常加载;

技术分享

 

解决方法:

  nginx配置文件中,增加如下配置:

技术分享

 location ~ .*\.(js|css)$ {
             proxy_pass http://127.0.0.1:8866;
         }

 

原因分析:

  反向代理的路径下找不到文件,需要单独指定js css文件的访问路径。

 

nginx设置反向代理后,页面上的js css文件无法加载