vue.js前端使用mock模拟数据并且发送请求接口

话不多说直接进入主题把
相信很多朋友自己在写前端的时候，页面写好了接口却还没有写好，又或者需要自己封装axios请求的时候想测试一下，却找不到方便的方法，那么你继续往下看我来告诉你目前比较好用的mock模拟数据和请求的这个工具怎么使用吧！！！
1、cmd打开终端，安装mock插件，注意安装全局哦 也不需要自己去配置环境变量哈 如下：
npm i @shymean/mock-server -g

2、插件安装完成后，然后在磁盘中随便一个地方新建一个文件夹，命名为 mock;

在mock文件里面新建一个_mock.js空文件；

在终端进入mock文件夹，输入命令mock, 启动本地mock服务器，默认端口为7654，操作步骤如图：
　　
3.随便找个什么工具打开_mock.js这个文件，自己写一些测试数据如下：

//登录接口
Mock.mock(/login/, {
  code: 200,
  data: {
    access_token: "748_bef_246_test",
    expires_in: 7200,
  }
})

//用户信息
Mock.mock(/userInfo/, {
  code: 200,
  user: {
   userName:'admin',
   password:'123456',
   role:'admim',
  }
})

4.一切准备就绪，那我们就来看看测试的结果如何吧！
需要解释的是 这是我自己封装了一下请求（下期就跟大家分享一下封装封装请求和对vue的config.js进行简单的配置吧）





看完了是不是觉得原来前端自己测试接口和模拟数据这么简单呢！快去用起来吧 下期我们来分享一下自己封装请求和配置vue.config.js的经验吧！