如果用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);
然后运行
----------
如果你的linux vps装了Rwebserver(安装方法:gem install Rwebserver)
则运行Rwebserver 10000也可达到预览效果。
------------
npm install -g locally
然后进入静态网站的根目录,
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
示范:http://surmount.biz.st:34562
项目地址:https://github.com/rhiokim/locally