可以在vue的配置文件vue.config.js中进行mock数据的配置。具体步骤如下:

  1. 在项目根目录下创建一个mock文件夹,用于存放mock数据。
  2. 在vue.config.js中添加devServer属性,指定mock数据的来源和端口号等配置,示例代码如下:
module.exports = {
  devServer: {
    before: function (app, server, compiler) {
      app.get('/api/user', function (req, res) {
        res.json({
          name: '张三',
          age: 18,
        })
      })
    },
  },
}

其中,before属性是在webpack-dev-server启动之前执行的函数,app是一个express实例,可以使用app.get、app.post等方法来定义接口。

  1. 启动项目,在浏览器中输入http://localhost:8080/api/user,即可获取mock数据。

注意:在生产环境下,不应该启用mock数据,需要将其关闭。

如果开启mock数据在vue配置里面

原文地址: https://www.cveoy.top/t/topic/0lr 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录