Nginx实现404页面跳转到任意随机页面
2015-04-27 17:58
471 查看
一、概述
很多时候我们访问一个网站,例如360,或者腾讯的页面,当该页面不存在的时候,会提示404未找到,然后右下角会出现 爱心帮助的 图片等,然后这些图片或者问题都是随机的,也许你下次访问的时候就是另外的页面了。现在我们通过nginx结合php来实现这么个需求。
二、配置
前提: LEMP环境(略)
①编辑nginx配置文件(/etc/nginx/nginx.conf)
②编辑/error/404.php页面
③添加本地图片
![](http://s3.51cto.com/wyfs02/M02/6C/07/wKioL1U-CDDg7WiFAAGolE4CBrM951.jpg)
④测试
首页正常显示:
![](http://s3.51cto.com/wyfs02/M00/6C/07/wKioL1U-CHLDS-Z2AAasBq8sJaU684.jpg)
输入不存在的url时候效果:
![](http://s3.51cto.com/wyfs02/M00/6C/0B/wKiom1U-B8zz5pPHAAMxcyym1Gk204.jpg)
回车后:
![](http://s3.51cto.com/wyfs02/M00/6C/07/wKioL1U-CV_wKkjHAAvVFMu_Mfc664.jpg)
达到效果~~
很多时候我们访问一个网站,例如360,或者腾讯的页面,当该页面不存在的时候,会提示404未找到,然后右下角会出现 爱心帮助的 图片等,然后这些图片或者问题都是随机的,也许你下次访问的时候就是另外的页面了。现在我们通过nginx结合php来实现这么个需求。
二、配置
前提: LEMP环境(略)
①编辑nginx配置文件(/etc/nginx/nginx.conf)
location / { ### if (!-e $request_filename) { rewrite ^(.*)$ /error/404.php redirect; } ####请求的时候判断请求的文件是否存在,不存在则显示重写到/error/ ##404.php页面去 root /webdoc/; index index.php index.html index.htm; } location ~ \.php$ { ##________________________________##这里是当请求的.php页面不存在的时候也 # 重写到/error/404.php页面,如果不存在行 # ,则请求的php页面不会404错误 if (!-e $request_filename) { rewrite ^(.*)$ /error/404.php redirect; } ############################ root /webdoc/; fastcgi_pass 127.0.0.1:9000; fastcgi_index index.php; fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; # fastcgi_param SCRIPT_FILENAME /scripts$fastcgi_script_name; include fastcgi_params; }
②编辑/error/404.php页面
<?php $num=mt_rand(1,9); ##从1-9当中随机生成数字 echo $num; echo "<img src=$num.jpg>"; ##显示目录下的对应数字的图片 ?>
③添加本地图片
![](http://s3.51cto.com/wyfs02/M02/6C/07/wKioL1U-CDDg7WiFAAGolE4CBrM951.jpg)
④测试
首页正常显示:
![](http://s3.51cto.com/wyfs02/M00/6C/07/wKioL1U-CHLDS-Z2AAasBq8sJaU684.jpg)
输入不存在的url时候效果:
![](http://s3.51cto.com/wyfs02/M00/6C/0B/wKiom1U-B8zz5pPHAAMxcyym1Gk204.jpg)
回车后:
![](http://s3.51cto.com/wyfs02/M00/6C/07/wKioL1U-CV_wKkjHAAvVFMu_Mfc664.jpg)
达到效果~~
相关文章推荐
- 利用Nginx负载均衡的访问SpringBoot服务,还有如何利用Nginx实现404,500等错误页面的拦截
- nginx 设置错误的自定义404页面跳转到500
- vue通过 vue.mixin(混合)实现 任意页面记录滚动条位置(路由router.query参数一致) 并跳转到上次的位置
- nginx 404 跳转到自定义的页面
- 自定义项目中的404页面,并且实现指定时间内跳转到一个指定的页面
- Nginx实现404页面的几种方法【转】
- powerdns与nginx结合实现以域名和IP方式访问web服务器80端口时分别跳转到不同页面
- 3招解决Nginx实现404页面的实现!
- nginx配置404跳转页面
- JS如何实现点击页面内任意的链接均加参数跳转?
- Nginx实现404页面的方法小结
- Nginx---404页面跳转
- Nginx实现web页面跳转
- 3招解决Nginx实现404页面的实现!
- Nginx实现页面跳转
- nginx 设置错误的自己定义404页面跳转到500
- Ubuntu 16.04 安装配置 Nginx 和 Geoip,实现不同城市页面跳转功能
- tomcat的404报错页面指定即跳转方式的实现
- nginx设置404 500页面跳转至首页,K哥
- nginx 设置错误的自定义404页面跳转到500