在前端开发中,搭建一个简单的服务器,通过HTTP协议访问我们的内容比直接在浏览器中打开HTML文件要方便、实用的多。

有时一个HTTP服务器也是必须的,比如在进行Ajax相关开发和测试时,本地文件协议file://和HTTP协议http://之间存在跨域问题。

下面简单介绍两种快速运行HTTP服务器的方法。

使用「Node.js」和「express」

现在前端开发,或多或少都会和Node打交道,甚至Node是必备技能。

Node结合express可以快速实现一个HTTP服务器。

首先安装express

1
$ npm i -S express

然后是创建服务器server.js文件

1
2
3
4
5
6
7
8
9
10
11
12
var express = require('express'),
    app = express();

  app.use(express('public'));    // 文件夹public为HTTP服务器的根目录

  app.listen(3000, function(err) {    // 监听3000端口
    if ( err ) {
      console.error(err);
    } else {
      console.log('Server is running at http://localhost:3000');
    }
  });

最后,在和server.js处于相同目录下的public文件夹下添加相关文件,运行服务器

1
$ node server.js

使用「Python」

如果电脑上已经安装好了Python,那么使用Python则更简单。

在某个文件夹中运行下面的命令,就可以把该文件夹变成一个HTTP服务器的根目录,同时在指定的端口上运行:

1
$ python -m SimpleHTTPServer 3000

注:Mac上预装了Python;而*nix只要不是刚重装系统,一般也已经安装上Python了,即使没安装,安装也很方便;至于Windows,不是很清楚,不过使用wamp或许是一个不错的选择。