保右 發表於 2020-1-20 11:42:00

node.js中http-server的使用

<p>http-server的特点:</p>
<p>http-server is a simple, zero-configuration command-line http server. It is powerful enough for production usage, but it's simple and hackable enough to be used for testing, local development, and learning.</p>
<p>也正是这样,vue和node.js开发过程中都是内置了http-server,自动刷新,特别方便。</p>
<p>介绍日常静态文件测试开发时的使用。</p>
<p><strong>1.安装</strong></p>
<div class="cnblogs_code">
<pre><span style="color: rgba(0, 128, 128, 1)">1</span> npm install --global http-server</pre>
</div>
<p>全局安装后可以在cmd中查看:</p>
<div class="cnblogs_code">
<pre><span style="color: rgba(0, 128, 128, 1)">1</span> npm view http-<span style="color: rgba(0, 0, 0, 1)">server
</span><span style="color: rgba(0, 128, 128, 1)">2</span> npm info http-<span style="color: rgba(0, 0, 0, 1)">server
</span><span style="color: rgba(0, 128, 128, 1)">3</span> // <span style="color: rgba(0, 0, 0, 1)">or
</span><span style="color: rgba(0, 128, 128, 1)">4</span> npm -v hs</pre>
</div>
<p>http-server简写为hs</p>
<p><strong>2.使用</strong></p>
<p>项目目录内容如下:</p>
<p><img src="https://img2018.cnblogs.com/blog/676401/202001/676401-20200120110905452-1287738344.png"></p>
<p>cmd进入项目目录,最简单的可以输入:hs</p>
<p><img src="https://img2018.cnblogs.com/blog/676401/202001/676401-20200120111306432-802762275.png"></p>
<p>&nbsp;</p>
<p>&nbsp;在浏览器中输入:http://127.0.0.1:8081/index.html</p>
<p>&nbsp;<img src="https://img2018.cnblogs.com/blog/676401/202001/676401-20200120111119088-141453295.png"></p>
<p>&nbsp;</p>
<p><strong>&nbsp;3.配置</strong></p>
<p>步骤2中直接使用了hs(http-server)命令,当然实际的过程中可以使用很多配置,</p>
<p>如:hs 目录 -a 地址 -p 端口</p>
<p><img src="https://img2018.cnblogs.com/blog/676401/202001/676401-20200120113836110-1673911538.png"></p>
<p>&nbsp;</p>
<p>更多配置请参考:</p>
<p>https://github.com/http-party/http-server</p>
<p>&nbsp;</p><br><br>
来源:https://www.cnblogs.com/jyughynj/p/12217317.html
頁: [1]
查看完整版本: node.js中http-server的使用