搭建前端开发环境／预览静态网站的效果

如果用Yeoman创建前端的开发目录，运行:

$ grunt serve

就可以通过http://localhost:10000这样的网址访问到开发根目录，

如果系统有Python 2.x，也可以搭建个简易的服务器。切换到开发目录，执行以下命令：

python -m SimpleHTTPServer 10000

Python 3.x的命令如下：

python -m http.server 10000

之后，我们同样可以通过http://localhost:10000网址访问到开发根目录。

因为跟后端的开发不同步，所以后端数据通常需要在自己的电脑上模拟。

Node.js的框架express.js是个很方便的工具。

在安装完express.js后，创建一个目录，目录里新建app.js：

var express = require('express');
var app = express();

app.use(function(req, res, next) { // 解决请求跨域
  res.setHeader('Access-Control-Allow-Origin', '*');
  next();
});

app.get('/', function(req, res) {
  res.send('hello express');
});

app.post('/login', function(req, res) {
  res.json({
    state: 1,
    info: null
  });
});

app.listen(3000);

然后运行node app.js，后端数据就可以通过localhost:3000接口访问到。代码中app.use部分用于解决端口不同造成的跨域禁止访问的问题。
－－－－－－－－－－
如果你的linux vps装了Rwebserver(安装方法：gem install Rwebserver)
则运行Rwebserver 10000也可达到预览效果。

------------
npm install -g locally

然后进入静态网站的根目录，

locally --public . --port 34562

访问http://your_vps_ip:34562,即可看到静态网站的效果。
示范：http://surmount.biz.st:34562

项目地址：https://github.com/rhiokim/locally