首页 > Apache alias虚拟目录设置问题

Apache alias虚拟目录设置问题

apache 设置虚拟目录,进入到了index.html页面,但是无法访问到网页内容中引用了别的文件夹的内容,包括css,js,图片等文件;

apache版本:httpd-tools-2.2.15-47.el6.centos.4.i686

httpd -M :
...
actions_module (static)
alias_module (static)
rewrite_module (static)
...

httpd.conf:
<IfModule alias_module>
    #
    # Redirect: Allows you to tell clients about documents that used to 
    # exist in your server's namespace, but do not anymore. The client 
    # will make a new request for the document at its new location.
    # Example:
    # Redirect permanent /foo http://www.example.com/bar

    #
    # Alias: Maps web paths into filesystem paths and is used to
    # access content that does not live under the DocumentRoot.
    # Example:
    # Alias /webpath /full/filesystem/path
    #
      Alias /zh "/data/wwwroot/zh"
      <Directory "/data/wwwroot/zh">
                Options Indexes FollowSymLinks
                AllowOverride None
                Order allow,deny
                Allow from all
      </Directory>
    # If you include a trailing / on /webpath then the server will
    # require it to be present in the URL.  You will also likely
    # need to provide a <Directory> section to allow access to
    # the filesystem path.

    #
    # ScriptAlias: This controls which directories contain server scripts. 
    # ScriptAliases are essentially the same as Aliases, except that
    # documents in the target directory are treated as applications and
    # run by the server when requested rather than as documents sent to the
    # client.  The same rules about trailing "/" apply to ScriptAlias
    # directives as to Alias.
    #
    ScriptAlias /cgi-bin/ "/usr/local/apache/cgi-bin/"

</IfModule>


index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Miaos' Photos</title>
<style>
*{margin:0px;
  padding:0px;
  }
#main{position:relative;
    }
.box{padding:15px 0px 0px 15px;
     float:left;
    }
.pic{padding:10px;
     border:1px solid #ccc;
     border-radius:5px;
     box-shadow:0 0 8px #ccc;}
.pic img{width:195px;;
         height:auto}
</style>
<script type="text/javascript" src="script.js"></script>
</head>

<body>
  <div id="main">
    <div class="box">
      <div class="pic">
         <img src="images/1.jpeg"/>
      </div>
    </div>
      <div class="box">
      <div class="pic">
         <img src="images/2.jpeg"/>
      </div>
    </div>
      <div class="box">
      <div class="pic">
         <img src="images/3.jpeg"/>
      </div>
    </div>
      <div class="box">
      <div class="pic">
         <img src="images/4.jpeg"/>
      </div>
    </div>
      <div class="box">
      <div class="pic">
         <img src="images/5.jpeg"/>
      </div>
    </div>
      <div class="box">
      <div class="pic">
         <img src="images/6.jpeg"/>
      </div>
    </div>
      <div class="box">
      <div class="pic">
         <img src="images/7.jpeg"/>
      </div>
    </div>
      <div class="box">
      <div class="pic">
         <img src="images/8.jpeg"/>
      </div>
    </div>
      <div class="box">
      <div class="pic">
         <img src="images/9.jpeg"/>
      </div>
    </div>
      <div class="box">
      <div class="pic">
         <img src="images/10.jpeg"/>
      </div>
    </div>
      <div class="box">
      <div class="pic">
         <img src="images/11.jpeg"/>
      </div>
    </div>
      <div class="box">
      <div class="pic">
         <img src="images/12.jpeg"/>
      </div>
    </div>
      <div class="box">
      <div class="pic">
         <img src="images/13.jpeg"/>
      </div> 
    </div>
    <div class="box">
      <div class="pic">
         <img src="images/1.jpeg"/>
      </div>
    </div>
      <div class="box">
      <div class="pic">
         <img src="images/2.jpeg"/>
      </div>
    </div>
      <div class="box">
      <div class="pic">
         <img src="images/3.jpeg"/>
      </div>
    </div>
      <div class="box">
      <div class="pic">
         <img src="images/4.jpeg"/>
      </div>
    </div>
      <div class="box">
      <div class="pic">
         <img src="images/5.jpeg"/>
      </div>
    </div>
      <div class="box">
      <div class="pic">
         <img src="images/6.jpeg"/>
      </div>
    </div>
      <div class="box">
      <div class="pic">
         <img src="images/7.jpeg"/>
      </div>
    </div>
      <div class="box">
      <div class="pic">
         <img src="images/8.jpeg"/>
      </div>
    </div>
      <div class="box">
      <div class="pic">
         <img src="images/9.jpeg"/>
      </div>
    </div>
      <div class="box">
      <div class="pic">
         <img src="images/10.jpeg"/>
      </div>
    </div>
      <div class="box">
      <div class="pic">
         <img src="images/11.jpeg"/>
      </div>
    </div>
      <div class="box">
      <div class="pic">
         <img src="images/12.jpeg"/>
      </div>
    </div>
      <div class="box">
      <div class="pic">
         <img src="images/13.jpeg"/>
      </div> 
    </div>
  </div>
</body>
</html>

网页访问结果:

能进入到虚拟目录中的index.html文件,但是里面的图片全都无法访问,js效果也没有。
目录设置的都是相对目录,同样的配置在另一台虚拟机中可以完美访问

求教各位熟悉apache的前辈,这是怎么回事!


重装apache可以解决;
原来的apache是用网上的一个LAMP,yum安装的,应该有点问题。。。。。。


你f12看一下那些图片,js引用的路径实际是什么

【热门文章】
【热门文章】