HTML meta refresh 刷新与跳转(重定向)页面

简介:

apache做转发使其定义到自己项目的根目录下


修改apache的配置文件httpd.conf:

找到下面一段去掉前面的#号

Include conf/extra/httpd-vhosts.conf


修改httpd-vhosts.conf文件

1
2
3
4
5
6
7
8
9
10
<VirtualHost *:80>
     ServerAdmin webmaster@dummy-host.www.ceshi.cn
     DocumentRoot  "D:\tomcat\webapps\ceshi"
     ServerName www.ceshi.cn
     ProxyPass / http: //192 .168.1.10:8081/
     ProxyPassReverse / http: //192 .168.1.10:8081/
    
     ErrorLog  "logs/dummy-host.www.ceshi.cn-error.log"
     CustomLog  "logs/dummy-host.www.ceshi.cn-access.log"  common
< /VirtualHost >

    在访问网页时,直接输入http://www.ceshi.cn即可访问,访问就直接是ceshi这个项目的网站的,不会带这个项目名的。

    如果网站有些页面二级域名是需要有这个ceshi这个项目名,就需要在输入域名http://www.ceshi.cn后自动带出ceshi这个目录名。下面利用apache来做这种跳转:

 修改apache默认访问的htdocs目录下index.html:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
原先文件内容如下:
<html>
<body>
<h1>It works!< /h1 >
< /body >
< /html >
 
需修改为如下内容:
<html>
< head
<meta http-equiv= "refresh"  content= "1;url=/ceshi"
< /head >
<body>
< /body >
< /html >


    最后要修改vhost文件将网站根目录(DocumentRoot)修改为apache原先的目录位置,不用tomcat的项目的根目录

修改httpd-vhosts.conf文件

1
2
3
4
5
6
7
8
9
10
<VirtualHost *:80>
     ServerAdmin webmaster@dummy-host.www.ceshi.cn
     DocumentRoot  "D:/Program Files/Apache Software Foundation/Apache2.2/htdocs"
     ServerName www.ceshi.cn
     ProxyPass  /ceshi  http: //192 .168.1.10:8081 /ceshi
     ProxyPassReverse  /ceshi  http: //192 .168.1.10:8081 /ceshi
    
     ErrorLog  "logs/dummy-host.www.ceshi.cn-error.log"
     CustomLog  "logs/dummy-host.www.ceshi.cn-access.log"  common
< /VirtualHost >

修改好重启apache服务,访问http://www.ceshi.cn会带出ceshi项目名网站



说明:

HTML meta refresh 刷新与跳转(重定向)页面


refresh 属性值  --  刷新与跳转(重定向)页面



  • refresh用于刷新与跳转(重定向)页面


  • refresh出现在http-equiv属性中,使用content属性表示刷新或跳转的开始时间与跳转的网址


  • 引用网址:http://www.dreamdu.com/xhtml/refresh/



< meta http-equiv="Refresh" content="秒数; url=跳转的文件或地址" >

refresh示例


5秒之后刷新本页面:

<meta http-equiv="refresh" content="5" />


5秒之后转到首页:

<meta http-equiv="refresh" content="5; url=http://www.baidu.com/" />




      本文转自ling118 51CTO博客,原文链接:http://blog.51cto.com/meiling/1688551,如需转载请自行联系原作者



相关文章
|
1月前
|
Web App开发
在HTML中用meta控制浏览器默认模式
在HTML文档的`&lt;head&gt;`标签中,通过添加不同的`&lt;meta&gt;`标签可指定浏览器默认使用的内核。使用`&lt;meta name=&quot;renderer&quot; content=&quot;webkit&quot;&gt;
31 1
|
28天前
|
Web App开发 移动开发 搜索推荐
HTML <meta> 标签及其属性介绍
HTML <meta> 标签及其属性介绍
29 1
|
21天前
|
编解码
WordPress页面文件添加html后缀名
wordpress 页面默认不能实现伪静态链接,手动在链接中添加 “.html” ,会自动转码为 “-html” ,但万能的 WordPress,你能想到的功能都会有相应的插件帮你实现。
14 0
文本,Vitepress的优势之处,配合Typora进行页面撰写可以同步设计相同的HTML页面
文本,Vitepress的优势之处,配合Typora进行页面撰写可以同步设计相同的HTML页面
|
25天前
|
JavaScript 前端开发 UED
【源码分享】简单的404 HTML页面示例,该页面在加载时会等待2秒钟,然后自动重定向到首页
【源码分享】简单的404 HTML页面示例,该页面在加载时会等待2秒钟,然后自动重定向到首页
50 0
|
28天前
|
UED
HTML页面定时刷新指南
HTML页面定时刷新指南
35 0
|
29天前
|
前端开发 JavaScript API
【前端】三种方法实现HTML页面局部打印(ctrl+p效果)效果
【前端】三种方法实现HTML页面局部打印(ctrl+p效果)效果
27 0
|
1月前
|
JavaScript 前端开发 算法
[练习]用Js获取html页面中表单提交的数据并且返回到控制台
[练习]用Js获取html页面中表单提交的数据并且返回到控制台
16 0
|
1月前
|
Java
杨校老师课堂之Html页面快速转为jsp页面之工具类【简直太简单好用】
杨校老师课堂之Html页面快速转为jsp页面之工具类【简直太简单好用】
17 0
|
19天前
|
前端开发 UED
使用HTML和CSS创建响应式表格
在网页设计中,表格是一种组织和展示数据的有效方式。本文档将指导你如何使用HTML和CSS来创建一个既美观又响应式的表格,以便在不同设备和屏幕尺寸上都能良好显示。我们将涵盖基础的HTML表格结构,样式美化以及如何实现响应式布局,使得表格内容在小屏设备上也能清晰阅读
63 0