vue項目node中間層打包上線

1、Vue項目完成后打包；項目目錄下cmd輸入命令：npm run build ;

打包后會生成一個dist文件夾；dist文件夾里有static文件夾（此文件夾里有js,css,img文件夾）和index.html；

dist文件夾里新建public文件夾，將static以及index.html拖入public文件夾；

2、在打包后下載express和request模塊；項目目錄下輸入命令：npm install express request --save ;

3、配置中間層，dist文件夾下新建server.js；下面是封裝好的中間層；以貓眼電影為例

const express = require("express");
const app = express();
const request = require('request');
app.use(express.static(__dirname + "/public"));
function getData(code,adr){   //code接口小暗號
    app.get(code,(req,res)=>{
        let url = `${adr}${req.url.substr(3)}`
        request(url,function (err,responseText,body) {
            if(!err && responseText.statusCode === 200){
                res.json(JSON.parse(body))
            }else{
                console.log(err)
            }
        })
    });
}
getData(/my/,'http://m.maoyan.com');




app.listen(8080, function () {
  console.log("success");
});

4、將package.json拖入到dist 文件夾里；

5、打開Xshell，新建服務--連接，連接服務器：ssh root@服務器公共IP；yes; 輸入密碼（此處需注意：linux系統自帶安全機制不會顯示密碼，直接敲完密碼后回車）

；配置node環境：安裝node：apt-get install node，這里可能會出現兩個問題：a:若出現報錯，輸入命令：apt-get update 更新一下鏡像； b:若輸入命令后無反應，在命令前添加sudo ，表示以管理員身份運行。然后輸入命令：

wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash；
配置環境變量：

source ~/.bashrc；
配置好后將dist文件夾拖入到FZ里，放到rootwenjiaxia文件下；

6、在xshell里輸入cd / 切換到root問價夾下；ls 查看目錄；
cd dist 切換到dist文件夾；可以輸入 nvm --version 查看node版本；

nvm install v8.12.0 安裝node版本； nvm use v8.12.0 使用此版本node； nvm uninstall v1.12.0 卸載此版本node； nvm ls列出正在使用的node ；
7；npm install express request --save;
安裝好后node server啟動服務。
成功后輸入公共IP及server里監聽的端口號即可查看。