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

How to run html file on localhost?

本文关键字：运行 html 文件 主机      更新时间：2023-09-26

我有一个HTML文件，并在localhost上运行它。但是，此文件包含一个使用网络摄像头的镜像。例如，我如何在localhost上运行这个HTML文件？在本例中，网络摄像头在选中实时复选框时启动。

您可以在http服务器中运行文件。

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

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

3>在CMD中导航到文件文件夹的特定路径，并运行命令http server

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

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

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

如果您正在运行Python3，您可能需要尝试：

python -m http.server

看看这个答案。

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

npx http-server

要添加CORS，您可以运行：

npx http-server --cors

  • 安装节点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

在macOS上：

打开终端（或iTerm）安装Homebrew，然后运行brew install live-server并运行实时服务器。

您还可以安装Python3并运行python3 -m http.server PORT。

在Windows上：

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

或者，您可以通过apt（sudo apt-get）安装WSL2并遵循macOS步骤。

在Linux上：

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

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

您可以尝试安装以下localhost软件之一：

  1. examplep
  2. wamp
  3. ammps服务器
  4. 拉拉贡

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

如果你安装了Node.js，另一个选项是

npx serve .

它将在当前目录中为您提供一个静态站点/单页应用程序。

参考

您可以安装Xampp并运行apache-serve，将您的文件放在www文件夹中，并在localhost/｛file name｝访问您的文件如果您的文件名为index.html

，则仅位于localhost

您还可以使用PHP在http 中为文件提供服务器

确保你安装了PHP，运行下面的命令来验证

php --version

如果没有安装PHP，请运行以下命令安装它

sudo apt install php7.4-cli

安装完成后，转到文件路径并在终端中执行以下命令

php -S localhost:8000

仅npx serve与esmodule 更兼容

相关文章：