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这个路径下

相关推荐
Clownseven3 小时前
Docker+Nginx+Node.js实战教程:从零搭建高可用的前后端分离项目
nginx·docker·node.js
水冗水孚1 天前
图文并茂讲解nginx中http升级https(部署SSL证书)知识点总结
nginx·http·https
HYI2 天前
小公司前端多分支测试太痛苦?我自己写了个轻量 CLI
nginx·vite
timeweaver2 天前
深度解析 Nginx 前端 location 配置与优先级:你真的用对了吗?
前端·nginx·前端工程化
Moment2 天前
nginx 如何配置防止慢速攻击 🤔🤔🤔
前端·后端·nginx
伊成3 天前
Docker 部署 Nginx 完整指南
nginx·docker·容器
小白的代码日记3 天前
Nginx学习与安装
运维·nginx
ayaya_mana4 天前
Nginx性能优化与安全配置:打造高性能Web服务器
运维·nginx·安全·性能优化
油丶酸萝卜别吃4 天前
nginx配置代理服务器
运维·网络·nginx
花酒锄作田4 天前
Nginx反向代理Kafka集群
nginx·kafka