一墙基,本地安裝node包
node包下載地址:
https://nodejs.org/zh-cn/download/
二软族,本地安裝淘寶鏡像:
npm i -g cnpm --registry=https://registry.npm.taobao.org
ps:基于node開發(fā)的應(yīng)用在用npm命令下載很慢,可以使用淘寶鏡像代理残制。
三立砸,運(yùn)行windows
命令行,cd
到項目dist
文件目錄下初茶,安裝node服務(wù)運(yùn)行包
1颗祝,安裝Express:$ cnpm install express --save
Express:是一個保持最小規(guī)模的靈活的 Node.js Web 應(yīng)用程序開發(fā)框架
2,安裝Http-proxy-middleware:$ cnpm install http-proxy-middleware --save
Http-proxy-middleware:用于后臺將請求轉(zhuǎn)發(fā)給代理服務(wù)器
拷貝一份server.js與dist同級恼布,代碼如下
/**
* 線上啟動web服務(wù)器配置
* @type{createApplication}
*/
var express=require("express");
var proxy=require('http-proxy-middleware');
var app=express();
/**
* 線上監(jiān)聽的端口配置
*/
app.use(express.static("dist")).listen(9886);
// Add middleware for http proxying
/**
* 線上接口重定向配置
* @type{HPM}
*/
var apiProxy=proxy('/api',
{
target:'http://39.100.6.81:20002/',changeOrigin:true
}
);
//將服務(wù)器代理到localhost:8080端口上[本地服務(wù)器為localhost:3000]
app.use('/api/*', apiProxy);
可以修改監(jiān)聽的端口號和后臺服務(wù)地址
命令行運(yùn)行 node server.js
就可以訪問前端打包后的頁面啦螺戳!