【MDN】如何设置一个本地测试服务器

以下内容均为个人学习笔记。

本地文件与远程文件

如果你打开的是本地示例的话,你可以在地址栏看到这个地址是以 file:// 开头的,接着本地硬盘上该示例文件的路径。相比之下,如果你查看的是我们在 GitHub 上托管的示例(或其他远程服务器上的示例),Web 地址会以 http://https:// 开头,说明该文件是通过 HTTP 传输的。


测试本地文件存在的问题

某些示例如果你将其作为本地文件打开的话,它将不会运行。 这可能是由于各种原因,最有可能是:

  • 它们具有异步请求。 如果你只是从本地文件运行示例,一些浏览器(包括 Chrome)将不会运行异步请求。 这是因为安全限制。
  • 它们具有服务端代码。 服务器端语言(如 PHP 或 Python)需要一个特殊的服务器来解释代码并提供结果。

运行一个简单的本地 HTTP 服务器

为了解决异步请求的问题,我们需要通过在本地Web服务器上运行这些示例来测试这些示例。为我们的目的,最简单的方法之一就是使用Python的SimpleHTTPServer模块。

python -V

# 输入你想要进入的目录,举例
cd Desktop
# 用两个点来表示进入上一层级的目录
cd ..

#如果上面返回的Python版本是3.X 
python -m http.server 
#如果上面返回的Python版本是2.X 
python -m SimpleHTTPServer

默认情况下,这将在本地Web服务器上的端口8000上运行目录的内容。您可以通过转到localhost:8000Web浏览器中的URL来访问此服务器。在这里你会看到列出的目录的内容 - 点击你想运行的HTML文件。

注意:如果您已经在端口8000上运行了某些东西,则可以通过运行server命令,然后选择另一个端口号(例如python -m http.server 7800 (Python 3.x)或python -m SimpleHTTPServer 7800 (Python 2.x))来选择另一个端口。然后您可以访问您的内容localhost:7800

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容