最终效果:浏览器地址栏输入www.baidu.com访问时,会显示自己的网页

1、创建文件

任意盘新建一个www.baidu.com文件,在该文件夹下新建WEB-INF文件、自己写的一个html文件,一张图片,然后在WEB-INF下新建一个classes文件、lib文件以及一个web.xml文件，在web.xml文件中输入以下代码进行配置

<web-app xmlns="http://java.sun.com/xml/ns/javaee"

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xsi:schemaLocation="http://java.sun.com/xml/ns/javaee

http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"

version="3.0">

<welcome-file-list>

<welcome-file>1.html</welcome-file>

</welcome-file-list>

<Context path="www.baidu.com" appBase="E:\WEB\tomcat7\webapps\www.baidu.com"/>

</web-app>

注意:www.baidu.com文件建完后，需要将该文件移动到Tomcat的webapps下才能生效,所以appBase后的路径是将www.baidu.com整个文件移动到Tomcat的webapps下的路径

2、修改hosts文件

为什么要修改hosts文件？

　　网络中是通过ip来区分不同的主机的，浏览器如何知道www.baidu.com对应的主机的ip呢？这里就是dns服务器在起作用了。

　　互联网上有一些专门将域名翻译为对应主机ip的服务器叫做dns服务器（域名解析服务器）专门进行域名到ip的翻译工作。

　　如果我们想要让www.baidu.com能够访问当前虚拟主机，还需要到dns服务器中进行配置，将www.baidu.com和本机ip地址进行绑定才可以。

如何修改？

　　在c:/windwos/system32/drivers/etc/hosts文件可以模拟dns的功能，浏览器在访问dns之前会首先检查该文件，如果这个文件中配置过域名ip映射，则会直接使用而不再去找dns服务器了。所以我们可以在hosts文件中进行如下配置(加入一行127.0.0.1　　www.baidu.com)该操作需要管理员权限,且中间必须用tab键隔开

3、启动Tomcat服务器,打开浏览器地址栏输入localhost/www.baidu.com,会弹出自己预先写好的html页面,此时用百度再去搜索其它东西是没用的,把hosts文件添加的那一行删去保存即可恢复正常

注意:如果Tomcat下载之后没有修改过tomcat文件下的server.xml文件,则应写为localhost:8080/www.baidu.com,此时即可访问www.baidu.com文件下的html文件

html文件代码模版

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content Type" content="text/html charset=utf-8"/>

</head>

<body>

<p>暗中观察...<p>

<img src="../www.baidu.com\1.jpg" alt="picture"></img>

</body>

</html>

效果图:

关于图片不显示问题的解决办法：

1、图片最好设置为相对路径;

2、如果已经设置为相对路径仍然无法显示,把图片移动到Tomcat的webapps下,将图片部署到服务器上(启动Tomcat会自动部署),然后使用相对路径即可,正如步骤1中我直接将图片放在www.baidu.com文件下,所以相对路径是../www.baidu.com\1.jpg

Web应用配置虚拟主机(www.baidu.com)的更多相关文章

  1. [javaEE] web应用的目录结构&配置虚拟主机

    myWebSite | |-- 静态资源和JSP文件都可以直接放在web应用目录下,浏览器可以直接访问 |-- WEB-INF 浏览器没有办法直接访问 |-- classes 动态web运行时的cla ...

  2. javaweb学习总结十七(web应用组织结构、web.xml作用以及配置虚拟主机搭建网站)

    一:web应用组织结构 1:web应用组成结构 2:安装web组成机构手动创建一个web应用程序目录 a:在webapps下创建目录web b:在web目录下创建html.jsp.css.js.WEB ...

  3. Tomcat 配置WEB虚拟映射 及 配置虚拟主机

    Tomcat  配置WEB虚拟映射 及 配置虚拟主机 配置WEB虚拟映射文件夹有三种方法例如以下: 第一(要重新启动server的): 打开路径 Tomcat 6.0\conf 下的 server.x ...

  4. 【转】Apache 配置虚拟主机三种方式

    Apache 配置虚拟主机三种方式  原文博客http://www.cnblogs.com/hi-bazinga/archive/2012/04/23/2466605.html 一.基于IP 1. 假 ...

  5. Wampserver2.5配置虚拟主机出现403 Forbidden的处理方案

    WampServer是一款由法国人开发的Apache Web服务器.PHP解释器以 及MySQL数据库的整合软件包.免去了开发人员将时间花费在繁琐的配置环境过程,从而腾出更多精力去做开发.在windo ...

  6. nginx 配置虚拟主机

    文章转载自:http://www.ttlsa.com/html/1571.html 上篇说道我们的nginx是安装在/usr/local/nginx/ cd conf 我们现在把所有的虚拟主机放在一个 ...

  7. windows和mac下分别配置虚拟主机

    windows下配置 1.找到apache的配置文件,httpd.conf 2.找到 LoadModule rewrite_module modules/mod_rewrite.so 去掉前边的# 3 ...

  8. apache配置虚拟主机的三种方式

    Apache 配置虚拟主机三种方式   一.基于IP 1. 假设服务器有个IP地址为192.168.1.10,使用ifconfig在同一个网络接口eth0上绑定3个IP: [root@localhos ...

  9. wamp配置虚拟主机

    ================================================================= 来源参考一:http://wenku.baidu.com/link? ...

随机推荐

  1. C++加速程序的全局执行函数

    static int wing=[]() { std::ios::sync_with_stdio(false); cin.tie(NULL); ; }(); C++的cin和cout在输入输出时,会先 ...

  2. 2018.06.29 NOIP模拟 繁星（前缀和）

    繁星 [问题描述] 要过六一了,大川正在绞尽脑汁想送给小伙伴什么礼物呢.突然想起以前拍过一张夜空中的繁星的照片,这张照片已经被处理成黑白的,也就是说,每个像素只可能是两个颜色之一,白或黑.像素(x,y ...

  3. 2018.09.21 codeforces1051D. Bicolorings（线性dp）

    传送门 sb线性DP. f[i][j][0/1/2/3]f[i][j][0/1/2/3]f[i][j][0/1/2/3]表示前i列j个连通块且第i列状态为00/01/10/11时的方案总数. 这个显然 ...

  4. scala单元测试，包括功能测试和性能测试

    十分简单的scala单元测试 在编写性能要求高的模块的时候,单元测试是有必要的,通过搜索,我找到了一套提供单元功能测试和性能测试的可行方案,该方案简单好用,推荐给大家. 测试工具 首先找到适用于sca ...

  5. 知识：CSS 词汇表（中英对照）_CSS Vocabulary

    注释(Comment) 语句(Statement) 规则集(Rule-set) At 规则(At-rule) 媒体查询(Media query) 媒体查询列表(Media query list) 媒体 ...

  6. 201709020工作日记--synchronized、ReentrantLock、读写锁

    1.reentrantLock java.util.concurrent.lock 中的Lock 框架是锁定的一个抽象,它允许把锁定的实现作为 Java 类,而不是作为语言的特性来实现.这就为Lock ...

  7. 老刘 Yii2 源码学习笔记之 Module 类

    关系类图 从上图可以看出 Application 类继承了 Module,在框架中的是非常重要角色. 加载配置 public function setModules($modules) { forea ...

  8. 【C#进阶】拥抱Lambda（一）

    写在开头,好奇从这里开始(当时让加查询条件,结果竟然是一句话来发挥神奇作用): this.TestGrade = CriteriaHelper.NewObject<ITestCase, DtoT ...

  9. 详解webpack + vue + node 打造单页面(入门篇)

    1.node下载地址:http://nodejs.cn/download/,安装完成检查node和npm版本 2.淘宝镜像 : npm install cnpm -g --registry=https ...

  10. MySQL使用 IN 查询取出数据排序问题（与in排序相同、不排序）

    MySQL使用 IN 查询取出数据排序问题(与in排序相同) 今天在项目中遇到一个问题,就是做一个最近浏览的功能,但是功能做出来了,取出数据时候要用到类似这么一条带in查询的sql语句, select ...