zoukankan      html  css  js  c++  java
  • vue 使用mock来模拟数据

    首先,需要安装mock

    npm install mockjs --save-dev

    在main.js中引入mock

    mock文件写法如下:

    const Mock = require('mockjs')
    // 使用mockjs模拟数据
    let data = Mock.mock({
      // 属性 list 的值是一个数组,其中含有 1 到 10 个元素
      'list|1-10': [{
        // 属性 id 是一个自增数,起始值为 1,每次增 1
        'id|+1': 1
      }]
    })
    Mock.mock('/api/data', 'get', (req, res) => {
      return {
        success: true,
        data: data,
        msg: '成功'
      }
    })

    在vue文件中调用接口进行测试

    this.$get('/api/data')
          .then((response) => {
            console.log(response)
          })

    页面打印结果如下

    中途出现404,报错代码如下:

    后面发现是axios进行了接口拦截,把这段代码注释掉或者在mock的返回参数中加上和拦截器对应的参数即可。

    // 返回状态判断
    axios.interceptors.response.use((res) => {
      if (!res.data.success) {
        return Promise.reject(res)
      }
      return res
    }, (error) => {
      // 404等问题可以在这里处理
      return Promise.reject(error)
    })
  • 相关阅读:
    程序优化
    obsidium 重定位
    Obsidium V1.3.0.4 脱壳
    SEH 栈溢出
    DWORD SHOOT
    两种堆表学习
    修改网页转向
    WireShark过滤语法
    获取系统信息学习
    怎么在 渗透无键盘 查询机
  • 原文地址:https://www.cnblogs.com/ToBeBest/p/9647784.html
Copyright © 2011-2022 走看看