Netbeans IDE (HTML5) - 使用 Netbeans Connector 时授予对外部文件夹的访问权限

Question

在用于 HTML5 Web 开发的 Netbeans IDE 中，如何配置项目以便在使用 Netbeans Connector 调试时可以引用外部资源（即不位于网站根目录中的资源）？

示例：

这是网站根目录：

C:\Projects\Netbeans\MyWebsite\public_html

在此目录中有 .html、.css、.js 文件和包含图像等其他资源的子目录。

我有一个目录：

C:\Users\Nicholas\Documents\Media

在这个目录中，有很多照片我想在网站上参考和使用 - 无论是在 HTML、CSS 或 JavaScript.[=17 中上传=]

我无法将这些照片重新定位到网站根目录，因为有些内容是自动生成的。在调试网站时，由于收到以下错误，我无法查看这些照片（通过 JavaScript 加载）：

Not allowed to load local resource: ....

需要特别说明的是，当您调试网站时，Netbeans 将启动一个 Web 服务器并在本地端口 8383 上托管它。查看此网站以获取图片：Getting Started with HTML5 Applications。话虽如此，我怀疑有一种方法可以控制此 Web 服务器上托管的资源，可能与 Apache 处理它的方式类似。

此外，请注意，此问题特别适用于 HTML5 Web 开发的 Netbeans IDE，而不适用于任何其他 Netbeans 软件包。

如何让 Netbeans 查看我的 Media 文件夹以便我可以使用它的图像？

Answer 1

据我所知，这无法使用 Netbeans IDE 的嵌入式轻量级 Web 服务器（默认用于运行构建您的网站的服务器）。

幸运的是，Netbeans 允许您指定一个外部 Web 服务器，这会给您更大的控制权。

转到您的项目 > 属性
Select 左栏中的运行类别
Select 外部来自 Web 服务器 组合框。
指定配置为打开 Netbeans 项目站点根目录内容的 URL。

现在，如果您的 Web 服务器可以访问您的 Netbeans 项目，您需要做的就是开始在 Netbeans 中工作以修改您的网站。当您运行您的网站时，Netbeans 将向您的外部 Web 服务器发送请求以显示内容。

唯一剩下要做的就是配置您的外部 Web 服务器以包含所需的其他文件夹。具体如何完成取决于您使用的 Web 服务器。

这已经使用 Apache 2.4.16 网络服务器 进行了测试。为了正确配置，需要做的就是更改 httpd.conf 文件，以便它使用新的 DocumentRoot 指令：

DocumentRoot "C:\Projects\Netbeans\MyWebsite\public_html"
<Directory "C:\Projects\Netbeans\MyWebsite\public_html">
    Options Indexes FollowSymLinks
    AllowOverride None
    Require all granted
</Directory>

之后，可以通过插入新的 Directory 指令来添加其他文件夹：

Alias /Media"C:\Users\Nicholas\Documents\Media"
<Directory "C:\Users\Nicholas\Documents\Media">
    Options FollowSymLinks
    AllowOverride None
    Require all granted
</Directory>

在第二个片段中，Alias 指令控制这些目录的名称。可以通过以下方式访问您的照片：

http://your_ip_address/Media/your_photo_1.png

Netbeans IDE (HTML5) - 使用 Netbeans Connector 时授予对外部文件夹的访问权限

Netbeans IDE (HTML5) - Grant access to external folder when using Netbeans Connector

html

javascript

webserver

netbeans