vue 使用mock模拟get和post请求
发布日期:2021-05-27 02:32:26 浏览次数:4 分类:技术文章

本文共 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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:vue video 插件video.js Vue-Video-Player 的使用
下一篇:vue cli4 中使用less

发表评论

最新留言

初次前来,多多关照!
[***.217.46.12]2023年11月22日 01时08分41秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章