Apache alias虛擬目錄設(shè)置問(wèn)題
問(wèn)題描述
apache 設(shè)置虛擬目錄，進(jìn)入到了index.html頁(yè)面，但是無(wú)法訪問(wèn)到網(wǎng)頁(yè)內(nèi)容中引用了別的文件夾的內(nèi)容，包括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 FollowSymLinksAllowOverride NoneOrder allow,denyAllow 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='http://www.intensediesel.com/wenda/script.js'></script></head><body> <p id='main'> <p class='box'> <p class='pic'> <img src='http://www.intensediesel.com/wenda/images/1.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='http://www.intensediesel.com/wenda/images/2.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='http://www.intensediesel.com/wenda/images/3.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='http://www.intensediesel.com/wenda/images/4.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='http://www.intensediesel.com/wenda/images/5.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='http://www.intensediesel.com/wenda/images/6.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='http://www.intensediesel.com/wenda/images/7.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='http://www.intensediesel.com/wenda/images/8.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='http://www.intensediesel.com/wenda/images/9.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='http://www.intensediesel.com/wenda/images/10.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='http://www.intensediesel.com/wenda/images/11.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='http://www.intensediesel.com/wenda/images/12.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='http://www.intensediesel.com/wenda/images/13.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='http://www.intensediesel.com/wenda/images/1.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='http://www.intensediesel.com/wenda/images/2.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='http://www.intensediesel.com/wenda/images/3.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='http://www.intensediesel.com/wenda/images/4.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='http://www.intensediesel.com/wenda/images/5.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='http://www.intensediesel.com/wenda/images/6.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='http://www.intensediesel.com/wenda/images/7.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='http://www.intensediesel.com/wenda/images/8.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='http://www.intensediesel.com/wenda/images/9.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='http://www.intensediesel.com/wenda/images/10.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='http://www.intensediesel.com/wenda/images/11.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='http://www.intensediesel.com/wenda/images/12.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='http://www.intensediesel.com/wenda/images/13.jpeg'/> </p> </p> </p></body></html>
網(wǎng)頁(yè)訪問(wèn)結(jié)果：
能進(jìn)入到虛擬目錄中的index.html文件，但是里面的圖片全都無(wú)法訪問(wèn)，js效果也沒(méi)有。目錄設(shè)置的都是相對(duì)目錄，同樣的配置在另一臺(tái)虛擬機(jī)中可以完美訪問(wèn)
求教各位熟悉apache的前輩，這是怎么回事！
問(wèn)題解答
回答1：你f12看一下那些圖片，js引用的路徑實(shí)際是什么
回答2：重裝apache可以解決；原來(lái)的apache是用網(wǎng)上的一個(gè)LAMP，yum安裝的，應(yīng)該有點(diǎn)問(wèn)題。。。。。。
相關(guān)文章：
1. javascript - 原生canvas中如何獲取到觸摸事件的canvas內(nèi)坐標(biāo)?2. sql語(yǔ)句 - mysql中關(guān)聯(lián)表查詢(xún)問(wèn)題3. javascript - iframe 為什么加載網(wǎng)頁(yè)的時(shí)候滾動(dòng)條這樣顯示？4. javascript - vscode alt+shift+f 格式化js代碼，通不過(guò)eslint的代碼風(fēng)格檢查怎么辦。。。5. javascript - [js]為什么畫(huà)布里不出現(xiàn)圖片呢？在線(xiàn)等6. javascript - 有什么比較好的網(wǎng)頁(yè)版shell前端組件？7. javascript - 求解答：實(shí)例對(duì)象調(diào)用constructor，此時(shí)constructor內(nèi)的this的指向？8. javascript - 如何將一個(gè)div始終固定在某個(gè)位置；無(wú)論屏幕和分辨率怎么變化；div位置始終不變9. css - chrome下a標(biāo)簽嵌套img 顯示會(huì)多個(gè)小箭頭?10. html - vue項(xiàng)目中用到了elementUI問(wèn)題
網(wǎng)公網(wǎng)安備