本文共 771 字，大约阅读时间需要 2 分钟。

1、安装mockjs

npm install mockjs

2、在vue项目中创建文件夹

3、在index.js中写如下代码

代码：

const Mock = require('mockjs');

//格式： Mock.mock( url, post/get , 返回的数据)；  下面的userInfo是指mock目录下的json目录下的userInfo.json文件

Mock.mock('/user/userInfo', 'get', require('./json/userInfo.json'));

Mock.mock('/api/addgoods', 'post', require('./json/userInfo.json'));

// 下边这个模拟post请求也行

/*Mock.mock('/api/addgoods', 'post', function (option) {

    let $name=JSON.parse(option.body).name;

    if($name){

        return Mock.mock({

            status: 200,

            message: '提交成功！！！'

        })

    }else{

        return Mock.mock({

            status: 400,

            message: '未提交参数'

        })

    }

})*/

在userInfo.json中写如下代码，记着这个是.json格式的不是js格式的

代码：

{

    "result": "success",

    "data": {

    "userSn": "3785521",

        "username": "不求甚解",

        "age": 25,

        "imgUrl": "https://avatar.csdn.net/8/5/D/3_bocongbo.jpg"

},

    "msg": ""

}

转载地址：https://blog.csdn.net/jjw_zyfx/article/details/117195591 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！