mock巨坑之TypeError: data.includes is not a function

1,722 阅读1分钟

报错原因:mock返回的数据在res.data.data里,我却用的是res.data

mock.js

import mockJS, { Random } from "mockjs"
const userList = mockJS.mock({
    "data|34": [{
        name: "@cname",  //  随机生成姓名, 并且不重复
        "id|+1": 1,  // id自增一
        "sex|1": ["男", "女"],  // 性别
        "entryData": Random.date('yyyy-MM-dd'),
        "postion|1": ["研发部经理", "前端开发工程师", "后端开发工程师", "测试工程师", "产品经理", "UI设计师", "架构师", "运维工程师"],
        "age|18-60": 18,  // 年龄
        "salary|1000-2000": 1000,  // 薪资
    }]
})

module.exports = [
    {
        method: "get",
        url: "/api/test",
        response: ({ body }) => {
            return {
                code: 200,
                msg: "success",
                data: userList
            }
        }
    }
]

vue文件

/* table数据 */
let tableData = ref<Array<staffManagementTable>>([])
/* 初始化userList */
const getCheckProjectList = async () => {
    const {data} = await staffManagementList()
    //  我本来是这样写的
    // tableData.value = data
    // 要这样写
    tableData.value = data.data
    totalNum.value = data.data.length
}