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,如需转载请自行联系原作者



相关文章
|
2月前
|
前端开发 测试技术 定位技术
如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤
本文深入介绍了如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤。通过实例展示了主页、关于我们、产品展示、新闻动态及联系我们等页面的设计与实现,强调了合理布局、美观设计及用户体验的重要性。旨在为企业打造一个既专业又具吸引力的线上平台。
73 7
|
2月前
html页面点击按钮实现页面跳转功能
html页面点击按钮实现页面跳转
76 11
|
2月前
太便利了 !通义灵码方便生成html页面
太便利了 !通义灵码方便生成html页面
70 0
|
2月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
62 2
|
2月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
43 0
|
3月前
|
移动开发 前端开发 JavaScript
【HTML】HTML页面和常见标签
【HTML】HTML页面和常见标签
47 1
|
4月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
57 6
|
3月前
|
移动开发 HTML5
一个最简单的 HTML 页面结构如下:
HTML 是一种标记语言,用于描述网页结构。通过 `&lt;html&gt;`, `&lt;head&gt;`, `&lt;body&gt;` 等标签构建页面,支持文本、图像、链接、表格等多种元素。本文介绍了 HTML 基础,包括常用标签及创建简单网页的实例,帮助初学者快速入门。
95 0
|
3月前
|
XML Web App开发 数据格式
HTML 页面显示 XML 数据
10月更文挑战第2天
|
3月前
|
数据可视化 小程序 JavaScript
DIYGW可视化快速生成VUE3静态html页面
DIYGW可视化快速生成VUE3静态html页面
65 0