vue3使用mockjs

下载mockjs

cnpm i mockjs

在src文件夹中创建 mock文件夹

创建index.js , list.json

index.js

import mock from 'mockjs'

import list from './list.json'

mock.mock('/mock/list',

    {

        code:200,

        data:list

    }

)

list.json

[

  {

    "id": 1,

    "name": "zhangs",

    "age": 18

  },

  {

    "id": 2,

    "name": "zhasssngs",

    "age": 13

  },

  {

    "id": 3,

    "name": "zhammmngs",

    "age": 12

  }

]

 

在入口文件中添加mock/index文件

import './mock/index.js' 

axios的二次封装中 baseURL 写成mock的路径 '/mock'

封装api的api.js中

import request from './request'

export const getlist = () => {

    return request({

        url:'/list',

        method:'get'

    })

}

 

页面中的代码

import {getlist} from '../request/api.js' 

onMounted(async ()=>{

    let res = await getlist();

    console.log(res)

})