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天前
|
前端开发 JavaScript
基于Html对父页面打开子页面Dialog()的使用
作者在使用基于QUI的前端项目中遇到一个问题:无法在Dialog组件中提交后刷新列表页面。经过搜索和努力,找到了解决方案。通过创建新的`top.Dialog()`,设置相关属性如标题、URL、尺寸,并在OK事件中调用子页面的提交方法及刷新列表的方法实现了需求。提供的代码示例展示了如何打开编辑窗体并处理提交事件以刷新列表。
|
1天前
|
Web App开发 编解码 移动开发
HTML页面关于高分屏的设置
该文章讲述了HTML页面在高分屏环境下遇到的问题,主要涉及`window.innerWidth`和`window.innerHeight`等参数返回物理设备宽度而非实际像素宽度,导致Chrome和Firefox在PC及Android端表现不一致。为解决兼容性问题,文章建议在HTML头部添加`viewport`元标签,设置`width=device-width, initial-scale=1.0`,以确保适配不同设备的高分屏。
|
5天前
|
移动开发 网络协议 安全
HTML5页面被运营商DNS问题及解决方案,app中h5页面源码的获取
HTML5页面被运营商DNS问题及解决方案,app中h5页面源码的获取
58 4
|
6天前
|
Web App开发 监控 JavaScript
JS 实现鼠标框选(页面选择)时返回对应的 HTML 或文案内容
实现JavaScript鼠标框选内容上报,需关注`Range`和`Selection`对象,处理各种元素选择情况,如文本、图片、输入框等。事件监听包括`mousedown`、`mouseup`、`selectionchange`等,用`debounce`防止频繁触发。通过`Range`获取选中内容,判断是否包含特定标签,决定返回HTML或文本。完整代码示例展示了如何实现这一功能。
12 0
JS 实现鼠标框选(页面选择)时返回对应的 HTML 或文案内容
|
8天前
|
移动开发 JavaScript 前端开发
APP的HTML5页面经过运营商网络被植入手机管家问题及分析,解决方案见新文章
APP的HTML5页面经过运营商网络被植入手机管家问题及分析,解决方案见新文章
12 0
|
8天前
|
移动开发 Android开发 iOS开发
ios标准页面调用HTML5页面和HTML5调用ios的函数
ios标准页面调用HTML5页面和HTML5调用ios的函数
18 0
|
14天前
|
Web App开发 API
通过html页面方式访问www.iximo.com的方式(原创)
通过html页面方式访问www.iximo.com的方式(原创)
19 2
|
14天前
|
移动开发 前端开发 JavaScript
【专栏:HTML与CSS实战项目篇】使用HTML5与CSS3制作一个动态表单验证页面
【4月更文挑战第30天】本文介绍了使用HTML5和CSS3创建动态表单验证页面的方法。首先,简述HTML5用于构建网页内容,CSS3用于描述样式。接着,分四步展示实现过程:1) 设计包含输入框和提示信息的表单结构;2) 使用CSS3创建样式,增强视觉效果;3) 使用JavaScript监听输入事件,动态验证表单并显示错误信息;4) 测试和调试确保跨平台兼容性。通过学习,开发者能掌握创建带验证功能的表单,提升用户体验。
|
14天前
|
前端开发 测试技术 UED
【专栏:HTML 与 CSS 实战项目篇】实现一个在线产品展示页面
【4月更文挑战第30天】本文介绍了使用HTML和CSS创建吸引人的在线产品展示页面的实战步骤,包括页面设计规划、HTML结构搭建、CSS样式设计、具体页面实现、交互效果添加、优化与提升。通过简洁布局、产品列表和详情页设计,实现易用且具吸引力的展示效果。优化图片和代码,提升性能,以助企业在数字时代脱颖而出。
|
14天前
|
编解码 移动开发 前端开发
【专栏:HTML与CSS移动端开发篇】使用Viewport Meta标签优化移动端显示
【4月更文挑战第30天】本文介绍了HTML的Viewport Meta标签在移动端网页优化中的作用。Viewport Meta标签定义了视口属性,如宽度、高度、初始缩放等,解决移动设备因屏幕尺寸差异导致的显示问题。主要属性包括width(常用device-width)、initial-scale、maximum-scale、minimum-scale和user-scalable。