zoukankan      html  css  js  c++  java
  • 使用Node.js的http-serve搭建本地服务器

    为什么要使用它?

      首先,类似于vue-cli创建的项目,都能够实现浏览器中自动刷新,实时查看项目效果。其中的原理在于,webpack这样的工具启动了一个本地服务器,将本机当作一台服务器,这样在浏览器中输入`特定url`(如`http:localhost...`)便相当于访问一台服务器的文件,这里的服务器比较特殊就是本机。   试想,如果我们的前端项目中,不采用这种方式,要查看一个html文件的运行效果,需要怎么操作呢?我们很容易想到,直接用浏览器打开html文件就能够查看到效果,每查看一个html文件就需要去双击该文件。另外一种方式是,我们只需启动一个本地服务器,输入特定url,就能够访问特定目录的所有文件,很容易直接观察文件在浏览器中的执行效果。显然,后者不需要在浏览器和资源管理器间切换,显得更为方便。   这说明,如果我们需要测试服务器与客户端的交互,启动本地作为一个服务器是相当方便而有必要的。   另外一个理由:假使需要在某电脑X上访问本机文件,便可以启动本机作为一个服务器,就像访问其他任何网站一样,在电脑X的浏览器上输入特定`url`,就可以访问本机特定位置的文件。

    安装和启动

      假设你的电脑已经安装了`Node.js`和`npm`,那么启动http-serve服务是相当简单的。   首先,使用`npm`安装`http-server`:
    npm install -g http-server
    

    然后,进入你想作为本地服务器根目录的位置,输入如下命令:

    http-server
    

    当然,后面还可以跟一系列参数,这可以通过查阅相关文档进行配置,此处略。

    访问本地服务器

       启动本地服务器成功后,将在命令行中看到类似以下的提示: ``` Starting up http-server, serving ./ Available on: http://127.0.0.1:8080 http://10.8.74.44:8080 Hit CTRL-C to stop the server ```   其含义是:正在运行一个将当前目录作为根目录的服务器,可以通过以下方式访问这台服务器:
    http://127.0.0.1:8080(本机浏览器访问)
    http://10.8.74.44:8080(同一个网络的其他电脑访问)
    

    可以通过ctrl+C使服务器停止运行。

  • 相关阅读:
    ESFramework介绍之(32)―― Tcp客户端核心组件关系图
    Java -- 在Eclipse上使用XFire开发WebService
    DTS开发记录(1)--系统总体结构
    ESFramewor使用技巧(3) -- 在插件中使用Spring.net
    DTS开发记录(序)
    给关注ESFramework的朋友们 2006.06.25
    ESFramework介绍之(34)―― ITcpServerAgent和IUdpServerAgent组件关系图
    Java -- 在Eclipse上使用Hibernate
    【C#2.0】点滴(不断补充中......)
    Java -- 在Eclipse上使用Spring
  • 原文地址:https://www.cnblogs.com/twodog/p/12134736.html
Copyright © 2011-2022 走看看