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 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='https://www.haobala.com/wenda/script.js'></script></head><body> <p id='main'> <p class='box'> <p class='pic'> <img src='https://www.haobala.com/wenda/images/1.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='https://www.haobala.com/wenda/images/2.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='https://www.haobala.com/wenda/images/3.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='https://www.haobala.com/wenda/images/4.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='https://www.haobala.com/wenda/images/5.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='https://www.haobala.com/wenda/images/6.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='https://www.haobala.com/wenda/images/7.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='https://www.haobala.com/wenda/images/8.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='https://www.haobala.com/wenda/images/9.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='https://www.haobala.com/wenda/images/10.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='https://www.haobala.com/wenda/images/11.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='https://www.haobala.com/wenda/images/12.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='https://www.haobala.com/wenda/images/13.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='https://www.haobala.com/wenda/images/1.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='https://www.haobala.com/wenda/images/2.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='https://www.haobala.com/wenda/images/3.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='https://www.haobala.com/wenda/images/4.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='https://www.haobala.com/wenda/images/5.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='https://www.haobala.com/wenda/images/6.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='https://www.haobala.com/wenda/images/7.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='https://www.haobala.com/wenda/images/8.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='https://www.haobala.com/wenda/images/9.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='https://www.haobala.com/wenda/images/10.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='https://www.haobala.com/wenda/images/11.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='https://www.haobala.com/wenda/images/12.jpeg'/> </p> </p> <p class='box'> <p class='pic'> <img src='https://www.haobala.com/wenda/images/13.jpeg'/> </p> </p> </p></body></html>
网页访问结果:
能进入到虚拟目录中的index.html文件,但是里面的图片全都无法访问,js效果也没有。目录设置的都是相对目录,同样的配置在另一台虚拟机中可以完美访问
求教各位熟悉apache的前辈,这是怎么回事!
问题解答
回答1:你f12看一下那些图片,js引用的路径实际是什么
回答2:重装apache可以解决;原来的apache是用网上的一个LAMP,yum安装的,应该有点问题。。。。。。
相关文章:
1. javascript - 引入 simditor,但是显示标签,这个怎么解决。2. angular.js - 学习ng路由模块遇到点击链接到锚点时URL后面多出个#!是怎么回事3. angular.js - 如何让图片遇到父容器边缘自动换行显示,不会溢出4. angular.js - 关于ui-sref地址栏缺省的问题5. angular.js - 全站用的angular,但是像下面描述的这样强交互的功能用angular该用什么思路去做呢?6. android - 目前有哪些用Vue.js开发移动App的方案?7. index.php错误,求指点8. 只有一条数据9. 当前访问路由未定义或不匹配,怎么解决这个问题10. 横屏滑动的怎么做