Nginx开发实战三:替换请求资源中的固定数据

文章目录

1.效果预览

页面初始效果

页面替换后效果

说明:页面是内网的一个地址,我们通过nginx可以很便捷的将其改为外网访问,但是在外网访问这个地址后,返回的数据中有的地址是内网的,需要我们将其改为外网地址才行,如果能直接修改文件内容那直接改就行,如果资源是第三方的不方便修改的话,那我们就通过下面的nginx来自动替换。

2.下载Nginx解压并初始化

注意项目中一定要有configure及sbin,如果没有configure从新下载nginx并解压即可,如果初始化完没有sbin目录,那很有可能是当前目录存在了nginx文件夹,sbin只会放到nginx中,所以解压后需要将文件名修改为nginx

3.字符串替换模块安装

复制代码
./configure --with-http_stub_status_module --with-http_sub_module 

安装完成后再重新编译,执行命令 make && make install

编译完成后查看模块是否安装成功命令 nignx -V

如果提示nginx不是命令,需要在/etc/profile文件最下面增加一行

复制代码
export PATH=/usr/local/nginx/sbin:$PATH

注意:usr/local/nginx/sbin 为当前nginx解压后的启动路径

4.修改nginx配置文件并重启

在nginx.conf文件中修改如下

复制代码
 location /wftdt/ {     
            proxy_pass  http://10.88.47.243:8000/;
		    sub_filter 'http://10.88.47.243:8000' 'http://218.59.xx.xx:9080/wftdt';
            sub_filter_types *;
            sub_filter_once off;
			proxy_redirect default;
		    proxy_read_timeout 600s;
		    proxy_set_header X-Real-IP  $remote_addr;
		    proxy_set_header Host $host:$server_port;
		    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
		    index index.html index.htm;
        }

替换字符串的三行配置

复制代码
  sub_filter 'http://10.88.47.243:8000' 'http://218.59.xx.xx:9080/wftdt';
  sub_filter_types *;
  sub_filter_once off;

意思是将数据中所有的http://10.88.47.243:8000 路径替换为http://218.59.xx.xx:9080/wftdt,然后我们访问/wftdt 这个路径的时候将其转到http://10.88.47.243:8000这个路径下

相关推荐
bearpping6 小时前
Nginx 配置:alias 和 root 的区别
前端·javascript·nginx
肠胃炎13 小时前
挂载方式部署项目
服务器·前端·nginx
曲幽16 小时前
FastAPI实战:WebSocket vs Socket.IO,这回真给我整明白了!
python·websocket·nginx·socket·fastapi·web·async·socketio
袁庭新19 小时前
M系列芯片Mac上通过Homebrew一键安装/卸载Nginx并上线项目全指南
运维·nginx·macos·袁庭新·袁庭新ai
Densen201420 小时前
发布blazor应用到Linux, 使用nginx作为WebSocket代理
linux·websocket·nginx
不是书本的小明20 小时前
Apache vs Nginx vs Tomcat 核心区别与优化
nginx·tomcat·apache
困惑阿三2 天前
客户消息及时反馈
nginx·node.js·飞书·企业微信
liurunlin8882 天前
httpslocalhostindex 配置的nginx,一刷新就报404了
运维·nginx
BullSmall2 天前
Nginx负载均衡会话保持配置指南
运维·nginx·负载均衡