vue-cli3.0如何mock数据

最新推荐文章于 2025-01-04 17:37:28 发布

原创最新推荐文章于 2025-01-04 17:37:28 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

17 篇文章

订阅专栏

本文介绍如何在Vue CLI 3.0中使用devServer配置项进行数据模拟，通过具体示例展示了如何设置GET请求以返回预定义的JSON响应。

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

在vue-cli3.0中mock数据

在vue-cli3.0中mock数据，可以通过vue.config.js中的devServer配置项来mock数据。

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