前端開發中，經常遇到有些場景需要用到伺服器環境，例如angularjs中的路由，或者是模擬ajax獲取資料等需求時，這個時候並不需要考慮到服務端邏輯，只是搭建簡單的靜態資源服務，因此解決方法有很多，下面介紹幾種簡單快捷的常用方式：
如果你安裝了node，那麼http-server就是個不錯的選擇，只需要一行命令就可以快速啟動。
安裝：
npm install -g http-server-p 8000static-server很類似http-server，也是基於node，安裝和使用方法很相似：
npm install -g static
-server
static
-server -i index.html
-p, --port詳見：
如果你安裝了python，那這個方法可能最簡便了，只需要在該目錄下執行命令:
python -m ******httpserverpython -m ******httpserver 8080-p 8888下面是nginx常用到的命令：
如果你的需求只是實現靜態資源服務，那麼只需要如下簡單配置即可：root代表專案的根目錄，index代表預設的入口檔案。
server
error_page 500
502503
504/
50x.html;
location =
/50x.html
}
如果你的需求只是想模擬ajax從後台獲取資料，因為通常乙個專案中前端開發和後台幾乎是同時進行的，開發初期往往需要前端自己構造假資料來渲染頁面，谷歌瀏覽器不在服務端環境下除錯js，則會被視為跨域，從而導致無法獲取本地json資料，要不就使用火狐瀏覽器，較好的解決方法是快速搭建乙個json伺服器,這個時候json-server就是個不錯的選擇了。
安裝：
npm install -g json-server在任意資料夾下建立乙個json檔案：如data.json:
],
"comments":[
,],"profile"
:}
json-server來監聽這個檔案:
json-server --watch data.json
# 或者指定埠啟動啟動
json-server --watch data.json --port 3004
json-server預設建立了三個請求資源，分別對應了data.json中的key值，很方便，這個時候瀏覽器訪問localhostl3000/db 就會看到當前data.json的資料了。
訪問http://localhost:3000/comments/1 ，則可以獲取到comments下id為1的json資料：
很神奇是吧，有了資料之後，可以讓json-server也作為靜態資源的伺服器，這樣就沒有跨域問題了。
json-server預設的靜態資源（html,css,js等）是在與json資料檔案同級目錄下的public資料夾中，你只需要建立乙個名為public的資料夾，把靜態資源放到public目錄下，然後直接執行以下命令啟動即可：
json-server data.jsonjson-server即可，如指定靜態資源為json資料同級目錄的source資料夾下，則：
json-server data.json --
static
./source
json-server還有很多更強大的功能，如支援模擬rest api操作等，更多的功能可以到json-server專案文件檢視。
例如：hbuilder
前端專案單獨部署nginx伺服器
最近公司有新專案計畫做前後端分離部署，讓前端單獨部署在一台aws的ec2伺服器，記錄一下部署的過程，免得下次又得查閱資料 aws ec2伺服器搭建nginx前端伺服器 nginx前端專案預設存放目錄 usr share nginx html,不想放這裡就在自定義的conf檔案修改專案路徑 這裡的檔案...
前端專案部署到伺服器
1.安裝編譯工具及庫檔案 yum y install make zlib zlib devel gcc c libtool openssl openssl devel pcre devel gcc gcc c 主要用來進行編譯相關使用 openssl openssl devel 一般當配置https...
伺服器部署靜態頁面
最近看到乙個很不錯的前台頁面模板 裡面有很多不錯的靜態模板，風格，樣式，甚至背景頁面都覺得美的不要不要的，遂想著將其改吧改吧扔伺服器上去。之前做的專案部署到伺服器都是使用tomcat容器，冷不丁的來個靜態頁面一下還給難住了。總結下還是太菜了，不過好在還是弄出來了。先膜拜下這個模板吧。這個很多地方是沒...