搭建小型 node 服务代理接口

通过express框架，启一个小型node服务，来模拟后端请求，并代理打包编译好的vue项目。

mock数据

数据基本格式如下：

{
  "seller": {...},
  "goods": [{...}, {...}, ...],
  "ratings": [{...}, {...}, ...]
}

小型node服务 js脚本如下:

const express = require('express')

// app: express对象
const app = express()

// 加载模拟数据
const appData = require('./data.json')
const seller = appData.seller
const goods = appData.goods
const ratings = appData.ratings

const router = express.Router()

router.get('/seller', (req, res) => {
  res.json({
    errno: 0,
    data: seller
  })
})

router.get('/goods', (req, res) => {
  res.json({
    errno: 0,
    data: goods
  })
})

router.get('/ratings', (req, res) => {
  res.json({
    errno: 0,
    data: ratings
  })
})

app.use('/api', router)

// 代理静态资源
app.use(express.static('./dist'))

// 默认端口：8900  process.env.PORT: 启动node服务时传入的端口号（可选）
const port = process.env.PORT || 8900

// 启服务，监听port
module.exports = app.listen(port, (err) => {
  if (err) {
    console.log(err)
    return
  }
  console.log('Listening at http://localhost:' + port + '\n')
})

执行js脚本，开启服务

# 启动服务
node prod.server.js

浏览器访问http://localhost:8900