node和npm安装是最基础的，不多说。
nodejs实例中使用的框架express。

nodejs小伙伴supervisor

每次代码修改后，都会自动重启服务器
安装：npm install -g supervisor
执行：supervisor app.js

安装express mockjs

安装express npm install express
安装mockjs npm install mockjs

目录结构

image.png

如上：为vue-cli生成的目录结构和nodejs运行结构。
vue-cli在这里不多做介绍。

server.js代码

 let express=require("express");
let mock=require("mockjs");
var path=require("path")
let ejs=require("ejs");
let app=express();
let index=require("./inf/routers/index")(app)
app.set("views",path.join(__dirname,"dist")) //可以修改视图的路径
app.engine("html",ejs.__express); //渲染工具的使用
app.set("view engine","html")

//如果静态资源存放在多个目录下，可以多次调用express.static中间件


//将静态资源文件所在的目录作为参数传递给 express.static 中间件就可以提供静态资源文件的访问了
app.use(express.static(path.join(__dirname,"dist")))
 
//app.use("/index",index)
app.listen("8090",function(){
    console.log("正在监控开启,端口号8090")
})

修改视图的路径
app.set("views",path.join(__dirname,"dist")
渲染工具的使用
express默认使用的是jade模板，vue-cli编译后的后为html.
app.engine("html",ejs.__express)
app.set("view engine","html")

静态文件的托管使用
app.use(express.static(path.join(__dirname,"dist")))

路由文件是由单独一个js进行模块化处理的。文件为index.js
引入mockjs'

let Mock=require("mockjs")

module.exports=function(app){
    var cb0=function(req,res,next){
        res.render("staff",{title:"Hewy",message:"hell"})
    }
    app.get("/index",[cb0],function(req,res,next){
        console.log("time1:",Date.now())
       next();
    },function(req,res){
        res.send("hello world2")
    })
    
    app.get("/personal",function(req,res){
        var mockData=Mock.mock({
            Result:"0",
            ResultString:{

            }
        })
        res.send(mockData)
    })

    app.post("/micromsg/user/bind",function(req,res){
        var mockData=Mock.mock({
            Result:"0",
            ResultString:{

            }
        })
        res.send(mockData)
    })
 };