Vue.js 项目中配置 Mock 数据的步骤

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

在项目根目录下创建一个 mock 文件夹，用于存放 Mock 数据。
在 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 等方法来定义接口。

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

注意：在生产环境下，不应该启用 Mock 数据，需要将其关闭。