vue2.5重构饿了么APP - 配置api接口mock（二）

最新推荐文章于 2023-08-29 17:30:02 发布

原创最新推荐文章于 2023-08-29 17:30:02 发布 · 232 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

本文介绍了如何在Vue项目中配置`vue.config.js`，通过`data.json`模拟数据，并设置GET接口返回卖家、商品和评级数据。

一、首先要有json数据。（自己添加模拟数据）

二、进入vue.config.js进行配置

const appData = require('./data.json')
const seller = appData.seller
const goods = appData.goods
const ratings = appData.ratings

devServer: {
  before (app) {
    app.get('/api/seller', function (req, res) {
      res.json({
        errno: 0,
        data: seller
      })
    })
    app.get('/api/goods', function (req, res) {
      res.json({
        errno: 0,
        data: goods
      })
    })
    app.get('/api/ratings', function (req, res) {
      res.json({
        errno: 0,
        data: ratings
      })
    })
  },