vue 使用mock模拟get和post请求

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": ""

}

然后在main.js中导入

import '@/mock/index'

axios的封装过程[点击查看](vue 项目中的this.$get,this.$post等$的用法_jjw_zyfx的博客-CSDN博客_$.get vue)