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使服务器停止运行。

  • 相关阅读:
    angular 1.26 版本 window.history.back() 自动去顶部
    CK editor 制作 ”小“plugin
    CSS 3 过渡效果之jquery 的fadeIn ,fadeOut
    了解 : angular controller link nginit 顺序
    规范 : jobbox 中英文
    了解 : angular translate 和 google translate 和 微软 translate
    业务逻辑 : 未完 : easybook.com
    List和ArrayList的区别
    Select什么时候会产生重作日志
    几点对专用服务器与共享服务器差异的理解
  • 原文地址:https://www.cnblogs.com/twodog/p/12134736.html
Copyright © 2011-2022 走看看