搭建node+express本地服务，实现前后端分离开发

1.以vue为例，先搭建好脚手架,新建一个mock.js（里面写node服务代码）文件和mock文件夹，再新建一个getData.json（里面存放json数据）。

2.在当前项目目录里面安装npm install express --save-dev和npm install mockjs--save-dev

3.mock.js里面的代码

const express = require('express')

const Mock = require('mockjs')

const fs = require('fs')

const path = require('path')

const app = express()

const getJsonFile = (filePath) => {

    const json = fs.readFileSync(path.resolve(__dirname, filePath), 'utf-8')

    return JSON.parse(json)

}

app.use('/api/getData',(req,res)=>{

    const json = getJsonFile('./mock/getData.json')

    res.json(Mock.mock(json))

})

app.listen(3008)

4.getData.json里面的数据结构

{

    "responseCode":"10001",

    "responseMsg":"请求成功",

    "data":{}

}

5.启动服务

node mock.js

6.打开浏览器输入http://localhost:3008/api/getData