Apache alias虛擬目錄設定問題
为情所困
为情所困 2017-05-16 17:00:12
0
2
694

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

網頁訪問結果:

#能進入到虛擬目錄中的index.html文件,但是裡面的圖片全都無法訪問,js效果也沒有。
目錄設定的都是相對目錄,同樣的配置在另一台虛擬機器中可以完美存取

#求教各位熟悉apache的前輩,這是怎麼回事!

为情所困
为情所困

全部回覆(2)
某草草

你f12看一下那些圖片,js引用的路徑實際上是什麼

大家讲道理

重裝apache可以解決;
原來的apache是​​用網路上的一個LAMP,yum安裝的,應該有點問題。 。 。 。 。 。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!