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

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

Patty_2000

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

阅读量216

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/Patty_2000/article/details/121004540

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、首先要有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
      })
    })
  },