vue 简单整合mock 登录 post方法

先安装mockjs

npm install mockjs --save

新建一个mock文件夹，放mock假数据

项目目录：

在main.js 引入 mock数据文件

require('../mock/api.js')

不想用mock时注释掉当前数据就可以了

mock/api.js 文件如下

var Mock = require('mockjs')

Mock.mock('/login', 'post', (req) => {
  // eslint-disable-next-line standard/object-curly-even-spacing
  const { password, username } = JSON.parse(req.body)
  if (username === 'user' && password === 'pass') {
    return {
      success: true
    }
  } else {
    return {
      success: false
    }
  }
})

原理就是用Mock的mock函数拦截请求进入当前文件

请求当前路径的vue文件如下：

request({
      url: '/login',
      method: 'POST',
      data: user
    }).then(response => {
      console.log(response.data)
      if (response.data.success) {  
      } else {
      }
    })