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

问题现象:

nginx配置反向代理后,网页可以正常访问,但是页面上的js、css和图片等资源都无法访问。

(1)nginx配置如下:
(2)域名访问:js css文件无法加载;
(3)IP访问:js css文件可以正常加载;
(4)CI框架下无法访问

location / {
                proxy_pass http://127.0.0.1:88;
                include naproxy.conf;
        }

解决方法:

nginx配置文件中,修改为如下配置:

   location ~ \.php$ {
                proxy_pass http://127.0.0.1:88;
                include naproxy.conf;
        }
        location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ {
                expires      30d;
				proxy_pass http://127.0.0.1:88;
				include naproxy.conf;
        }

        location ~ .*\.(js|css)?$ {
                expires      12h;
				proxy_pass http://127.0.0.1:88;
				include naproxy.conf;
        }

需要把静态文件也添加反向代理设置,
原因分析:

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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在Linux上使用Nginx代理静态文件,你需要按照以下步骤进行设置: 1. 首先,你需要安装Nginx。你可以从官方网站下你所需版本的Nginx压缩包。使用以下命令下: `wget http://nginx.org/download/nginx-1.16.1.tar.gz` [3] 2. 下完成后,解压缩压缩包,并进入解压缩后的目录。使用以下命令进行解压缩和进入目录: ``` tar -zxvf nginx-1.16.1.tar.gz cd nginx-1.16.1 ``` 3. 创建Nginx的安装目录。使用以下命令创建目录: `mkdir -p /usr/local/nginx` [1] 4. 配置Nginx。使用以下命令进行配置: `./configure --prefix=/usr/local/nginx` [1] 5. 编译和安装Nginx。使用以下命令进行编译和安装: `make && make install` [1] 6. 配置Nginx代理静态文件。打开Nginx的配置文件,并添以下配置: ``` location ~ .*/(css|js|img) { root /opt/static; } ``` 这表示在`/opt/static`目录下的所有(css/js/img目录下的)资源将由Nginx代理。你可以根据实际情况修改路径和目录名称。保存并退出配置文件。 7. 重新Nginx配置。使用以下命令重新Nginx配置: `/usr/local/nginx/sbin/nginx -s reload` [2] 现在,Nginx将会代理你指定的Linux静态文件。请确保你的静态文件位于配置文件中指定的路径下,并且文件名和目录结构正确。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [Nginx简介,Linux上简单实现部署静态资源、反向代理、负均衡](https://blog.csdn.net/m0_52765511/article/details/126212249)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [nginx(静态代理)linux版](https://blog.csdn.net/Badman0726/article/details/122024886)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值