node和npm安裝是最基礎(chǔ)的，不多說。
nodejs實例中使用的框架express。

nodejs小伙伴supervisor

每次代碼修改后，都會自動重啟服務(wù)器
安裝：npm install -g supervisor
執(zhí)行：supervisor app.js

安裝express mockjs

安裝express npm install express
安裝mockjs npm install mockjs

目錄結(jié)構(gòu)

image.png

如上：為vue-cli生成的目錄結(jié)構(gòu)和nodejs運行結(jié)構(gòu)。
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")

//如果靜態(tài)資源存放在多個目錄下，可以多次調(diào)用express.static中間件


//將靜態(tài)資源文件所在的目錄作為參數(shù)傳遞給 express.static 中間件就可以提供靜態(tài)資源文件的訪問了
app.use(express.static(path.join(__dirname,"dist")))
 
//app.use("/index",index)
app.listen("8090",function(){
    console.log("正在監(jiān)控開啟,端口號8090")
})

修改視圖的路徑
app.set("views",path.join(__dirname,"dist")
渲染工具的使用
express默認(rèn)使用的是jade模板，vue-cli編譯后的后為html.
app.engine("html",ejs.__express)
app.set("view engine","html")

靜態(tài)文件的托管使用
app.use(express.static(path.join(__dirname,"dist")))

路由文件是由單獨一個js進(jìn)行模塊化處理的。文件為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)
    })
 };