使用http-server
如果你安装了node,那么http-server就是个不错的选择,只需要一行命令就可以快速启动。
安装:
npm install -g http-server
在项目根目录执行:
http-server -a 127.0.0.1 -p 8000
使用static-server
static-server很类似http-server,也是基于node,安装和使用方法很相似:
npm install -g static-server
使用时只需要在项目目录下指定该项目的入口文件即可:
static-server -i index.html
使用Python
如果你安装了Python,那这个方法可能最简便了,只需要在该目录下执行命令:
python -m SimpleHTTPServer
这样就启动了一个静态web服务器,此时项目的根目录为执行命令时所在目录,默认端口是8000,如果需要指定端口,则加上端口号启动:
python -m SimpleHTTPServer 8080
使用Ruby
如果你安装Ruby,Ruby也提供了一个很简便的方式:
ruby -run -e httpd . -p 8888
使用Nginx
几乎所有的web应用在最终部署到Linux
上时都会用到Nginx
做反向代理服务器,所以很有必要会用Nginx
。
下载,解压,运行nginx.exe,在浏览器输入localhost
或127.0.0.1
,如果出现
Welcome to nginx!
则说明Nginx已经成功安装。
下面是Nginx常用到的命令:
nginx -s reload // 重新加载nginx配置
nginx -s stop
如果你的需求只是实现静态资源服务,那么只需要如下简单配置即可:root代表项目的根目录,index代表默认的入口文件。
server {
listen 80;
server_name localhost;
location / {
root E:\Work\Workspace;
index index.html index.htm;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
这时候访问 http://localhost/index.html 就OK了。
使用json-server
如果你的需求只是想模拟ajax
从后台获取数据,因为通常一个项目中前端开发和后台几乎是同时进行的,开发初期往往需要前端自己构造假数据来渲染页面,谷歌浏览器不在服务端环境下调试js,则会被视为跨域,从而导致无法获取本地json
数据,要不就使用火狐浏览器,较好的解决方法是快速搭建一个JSON服务器,这个时候json-server就是个不错的选择了。
安装:
npm install -g json-server
在任意文件夹下创建一个json文件:如data.json:
{
"posts": [
{ "id": 1, "title": "json-server", "author": "typicode" }
],
"comments": [
{ "id": 1, "body": "some comment", "postId": 1 },
{ "id": 2, "body": "some comment", "postId": 1 }
],
"profile": { "name": "typicode" }
}
在该目录下启动json-server来监听这个文件:
json-server --watch data.json
# 或者指定端口启动启动
json-server --watch data.json --port 3004