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里监听的端口号即可查看。