Question

我的项目有以下组织，但我无法从HTML代码中访问相关的CSS和JavaScript文件，除非我创建从文件到我的Web根目录的符号链接。

这是Apache的正常行为还是问题出在其他地方？

如果我删除了符号链接并更正了src属性中的路径，则这些外部文件的内容将无法访问。

userName@hostName:/var/www/test$ tree
.
├── css
│   └── style.css
├── html
│   ├── code.js -> ../js/code.js
│   ├── index.html
│   ├── jquery-3.2.1.js -> ../libs/jquery-3.2.1.js
│   └── style.css -> ../css/style.css
├── js
│   └── code.js
└── libs
    └── jquery-3.2.1.js

4 directories, 7 files

userName@hostName:/var/www/test$ less html/index.html

<!doctype HTML>
<html>
   <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link rel="stylesheet" type="text/css" href="./style.css">
      <title>Test</title>
   </head><!-- head -->
   <body>
     <h1>LOCAL TESTING SITE..</h1>
   </body><!-- body -->
    <script src="./code.js"></script>
</html><!-- html -->

html/index.html (END)

^作品

userName@hostName:/var/www/test$ tree
.
├── css
│   └── style.css
├── html
│   ├── index.html
├── js
│   └── code.js
└── libs
    └── jquery-3.2.1.js

4 directories, 4 files

userName@hostName:/var/www/test$ less html/index.html

<!doctype HTML>
<html>
   <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link rel="stylesheet" type="text/css" href="../css/style.css">
      <title>Test</title>
   </head><!-- head -->
   <body>
     <h1>LOCAL TESTING SITE..</h1>
   </body><!-- body -->
    <script src="../js/code.js"></script>
</html><!-- html -->

html/index.html (END)

^不起作用

userName@hostName:/var/www/test$ tree -p
.
├── [drwxrwxr-x]  css
│   └── [-rw-rw-r--]  style.css
├── [drwxrwxr-x]  html
│   ├── [lrwxrwxrwx]  code.js -> ../js/code.js
│   ├── [-rw-rw-r--]  index.html
│   ├── [lrwxrwxrwx]  jquery-3.2.1.js -> ../libs/jquery-3.2.1.js
│   └── [lrwxrwxrwx]  style.css -> ../css/style.css
├── [drwxrwxr-x]  js
│   └── [-rw-rw-r--]  code.js
└── [drwxrwxr-x]  libs
    └── [-rw-rw-r--]  jquery-3.2.1.js

4 directories, 7 files

^文件权限

userName@hostName:/etc/apache2$ less sites-available/test.local.conf

<VirtualHost *:80>
        ServerAdmin myEmail@email.com
        DocumentRoot /var/www/test/html
        ServerName test.local
        ErrorLog ${APACHE_LOG_DIR}/test.local.error.log
        CustomLog ${APACHE_LOG_DIR}/test.local.access.log combined
</VirtualHost>

# vim: syntax=apache ts=4 sw=4 sts=4 sr noet

sites-available/test.local.conf (END)

^虚拟主机配置

userName@hostName:/var/www/test$ uname -v

#35~16.04.1-Ubuntu


userName@hostName:/var/www/test$ apache2 -v

Server version: Apache/2.4.18 (Ubuntu)

^系统信息

Answer 1

出于安全原因，Apache不会（默认情况下）允许HTTP请求访问网站根目录之外（上方）的文件。

您的文档根目录设置为：DocumentRoot /var/www/test/html，因此所有文件（包括非HTML文件）需要在此目录中。仅仅因为该目录被称为html，不要混淆认为它应该只包含HTML文件。

工作目录结构

userName@hostName:/var/www/test/html$ tree
.
├── css
│   └── style.css
├── js
│   └── code.js
├── libs
│   └── jquery-3.2.1.js
└── index.html

3 directories, 4 files

userName@hostName:/var/www/test/html$ less index.html

<!doctype HTML>
<html>
   <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link rel="stylesheet" type="text/css" href="css/style.css">
      <title>Test</title>
   </head><!-- head -->
   <body>
     <h1>LOCAL TESTING SITE..</h1>
   </body><!-- body -->
   <script src="js/code.js"></script>
</html><!-- html -->

index.html (END)

您将看到所有文件都存储在/html目录或其子目录中。已更新指向JS和CSS文件的HTML链接以引用正确的文件位置。

如果Apache允许访问根目录之外（上方）的文件，则会遇到主要安全问题。

例如，假设有人有一个HTML文件执行以下操作：

<!doctype HTML>
<html>
   <head>
      <title>Test</title>
   </head>
   <body>
     <a href="../../../var/private/supersecret.conf">link to secret config file</a>
   </body>
</html>

这将允许用户访问他们在服务器上想要的任何随机文件。

为什么Apache不允许从index.html内访问Web根目录之外的文件？

1 个答案:

工作目录结构