LiveNode.js 超簡單的前端跨域、先後端分離解決方案

簡介

LiveNode是一個基於Node.js輕巧的web服務，幫助前端開發者解決本地跨域，代碼刷新，以及SPA(單頁應用)先後端服務分離，而且能夠用於生產環境項目部署。

Github地址

安裝

全局安裝livenode腳手架工具

npm install livenode-cli -g

初始化

建立項目

livenode init

根據提示輸入項目文件名稱(不輸入則生成默認名稱)

project name:

輸入要建立的項目模版(不輸入內容即生成多頁項目模板，輸入 spa 則生成單頁面應用項目模版)

project templat:

cd進入生成的項目目錄後，安裝項目所需依賴

npm install

項目說明

src 目錄爲項目容器目錄，html、css、js等代碼放入該目錄便可。(注意!不可修改src目錄名稱)

config.js 爲服務配置文件

參數	值	描述
port	必填(number)	服務端口
reload	(boolean)	在開發環境下是否自動刷新代碼
spaHistory	(boolean)	項目是否爲spa(單頁面應用)的history模式
notFound	(string)	多頁服務中404頁面位置，如'/404.html'
proxyTable	(array)	代理接口轉發服務

FAQ

• 當spaHistory設爲true時，此時不該設置notFound參數(設置爲''字符串便可)，同理假如設置notFound參數後，spaHistory模式即失效。
• reload爲開發環境下的代碼修改自動刷新瀏覽器，上線執行npm build啓動服務時默認會關閉該功能。
• proxyTable爲服務轉發設置，能夠處理本地開發接口跨域調試，也可在線上生產環境中處理先後端分離，轉發代理後端接口服務。

proxyTable

配置接口轉發代理

const proxyTable = [
  {
    host: 'http://www.binlive.cn',
    api: '/api/testApi'
  }, {
    host: 'http://www.example.cn',
    api: '/example'
  }
];

host 爲接口域名地址，api 爲接口地址，能夠配置多個接口轉發。
如需代理restfull API，例如接口爲http://www.binlive.cn/api/tes... 和 http://www.binlive.cn/api/tes... 等接口，只需設置api爲

{
    host: 'http://www.binlive.cn',
    api: '/api'
 }

服務命令

npm start

啓動開發環境下的node.js服務(⚠️若是已經執行過一次npm start命令，須要先執行npm stop關閉服務，才能夠再用 npm start啓動服務，或者能夠直接用npm restart 重啓服務)

npm restart

重啓node.js服務，在開發環境下修改config.js配置文件後須要執行該命令重啓服務

npm run build

啓動生產環境下的node.js服務，在生產環境下修改配置文件不須要再執行npm restart命令重啓，npm run build會默認監聽配置文件修改並自動重啓服務。

npm stop

中止node.js服務

npm run list

查看node.js服務的狀態