如何在本地主机上运行 html 文件？

Posted 2023-02-23

【中文标题】如何在本地主机上运行 html 文件？

【英文标题】：How to run html file on localhost?

【发布时间】：2016-11-24 15:20:11

【问题描述】：

我有一个 html 文件，我在 localhost 上运行它。但是，此文件包括使用网络摄像头的镜像。例如，我如何在本地主机上运行this html file？选中实时复选框时，网络摄像头会从此示例开始。感谢您的回复。

【参考方案1】：

您可以使用python -m http.server。默认情况下，本地服务器将在端口 8000 上运行。如果您想更改此设置，只需添加端口号 python -m http.server 1234

如果你使用的是python 2（而不是3），等效的命令是python -m SimpleHTTPServer

【讨论】：

我创建了 HTTPServer。我现在该怎么办？

好的。我做完。我将我的项目传输到 C:/Python27 并在 127.0.0.1:8000

上运行它

因此您运行 python 命令“python -m SimpleHTTPServer”，然后在浏览器中导航到 localhost:8000 并单击所需的 html 文件。很好的解决方案！

python 3 等效项是python3 -m http.server 您想要导航到包含您希望在本地打开的文件的目录，然后运行该命令。如果您使用的是默认端口，请打开 localhost:8000。

【参考方案2】：

正如 Nora 所建议的，您可以使用 python 简单服务器。 导航到要从中提供 html 页面的文件夹，然后执行 python -m SimpleHTTPServer。 现在您可以使用您的网络浏览器并导航到您的页面正在提供的http://localhost:8000/。 如果您的页面名为 index.html，那么服务器会自动为您加载。如果您想访问任何其他页面，您需要浏览到http://localhost:8000/您的页面名称

【参考方案3】：

您可以在http-server 中运行您的文件。

1> 在您的系统中安装 Node.js。

2> 在 CMD 中，运行命令 npm install http-server -g

3> 在 CMD 中导航到你的文件夹的具体路径并运行命令 http-server

4> 转到您的浏览器并输入 localhost:8080。您的应用程序应该在那里运行。

谢谢:)

【讨论】：

非常感谢。这正是我一直在寻找的！容易做和工作;)

谢谢，1 分钟，运行。

您要共享的文件夹中的npx http-server 一次性运行更快。要添加 CORS，您可以运行 npx http-server --cors。

确保以管理员身份运行cmd

@sax 如果你把它放在答案中，我会投票！

【参考方案4】：

如果您运行的是 Python3，您可能想尝试一下：

python -m http.server

见this answer。

【参考方案5】：

安装 Node js - https://nodejs.org/en/

转到您有 html 文件的文件夹：

在CMD中，运行命令安装http服务器-npm install http-server -g 在浏览器运行加载文件 - http-server

如果您有特定的 html 文件。在 CMD 中运行以下命令。-http-server fileName

默认端口为8080

在浏览器中输入localhost:8080。您的应用程序应该 跑过去。

如果你想在不同的端口上运行：http-server fileName -p 9000

注意：要运行 .js 文件，请运行：node fileName.js

【参考方案6】：

您可以安装 Xampp 并运行 apache serve 并将您的文件放置到 www 文件夹并在 localhost/file name 访问您的文件 或者如果您的文件名为 index.html，则只需在本地主机上

【参考方案7】：

您可以尝试安装以下本地主机软件之一：

xampp wamp ammps 服务器 拉贡

这样的软件还有很多，但其中最好的是上面提到的那些。他们还允许使用域名（例如：example.com）

【参考方案8】：

在 macOS 上：

打开终端（或 iTerm）安装 Homebrew 然后运行 ​​brew install live-server 并运行 live-server。

您也可以安装Python 3 并运行python3 -m http.server PORT。

在 Windows 上：

如果你安装了 VS Code，打开它并安装扩展 liveserver，然后点击右下角的 Go Live。

您也可以安装 WSL2 并通过 apt (sudo apt-get) 执行 macOS 步骤。

在 Linux 上：

打开您最喜欢的终端模拟器并通过 apt (sudo apt-get) 按照 macOS 步骤操作。

【参考方案9】：

如果您安装了Node.js，那么您可以从要共享的文件夹中简单地运行：

npx http-server

要添加 CORS，您可以运行：

npx http-server --cors