我遇到了一个让我很困惑的问题。我在运行 Apache 的 CentOS 7 服务器上有一个网页。该页面位于虚拟主机文件上,因此每当我浏览 htp://servername 或 IP 时,我都会访问我的网站。
我遇到的问题是 CSS 的一个部分无法正确加载。如果我从虚拟主机文件中删除该站点并通过 htp://server/website/index.html 浏览到站点目录,则所有内容都可以完美加载。
我以为这可能是 selinux 的问题,但事实并非如此,而且我知道代码没有错,因为它在没有虚拟主机文件的情况下加载得很好。下面是我的 http.conf 文件中的 vhost 文件。正如你所见,我一直在摆弄它,所以这个文件是错误的。页面加载,但最顶部的 css 栏根本没有加载。只有一些带有无样式页面链接的空白。
#NameVirtualHost *:80
<VirtualHost *:80>
# AllowOverride All
DocumentRoot /var/www/html/gemini.com/
<Directory "/var/www/html/gemini.com">
Options Includes FollowSymLinks
AllowOverride All
Order allow,deny
Allow from all
</Directory>
ServerName 192.168.0.100
ServerName gemini.com
# ErrorLog /var/www/html/Landing/error.log
# CustomLog /var/www/html/Landing/requests.log
</VirtualHost>
检查 httpd error_log 我发现很多此类错误。
[Mon Nov 10 09:00:20.828462 2014] [authz_core:debug] [pid 4421] mod_authz_core.c(802): [client 192.168.0.30:9237] AH01626: authorization result of Require all Granted: granted, referer: http://192.168.0.100/css/one-page-wonder.css
index.html 中加载 css 菜单的区域
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/one-page-wonder.css" rel="stylesheet">
<body>
<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Project Gemini</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li>
<a href="#about">Confluence</a>
</li>
<li>
<a href="#services">GLPI</a>
</li>
<li>
<a href="#contact">OCSng</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
第一张图片是设置虚拟主机时显示的内容,第二张图片是禁用虚拟主机时显示的内容
![1]:https://i.stack.imgur.com/EaYcj.png [2]:https://i.stack.imgur.com/EaYcj.png#1
有人有什么想法吗?我对此有点困惑。提前谢谢你们