vue中用mock数据模拟前后端接口

最新推荐文章于 2022-04-17 11:53:16 发布

原创最新推荐文章于 2022-04-17 11:53:16 发布 · 1.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#mockjs

vue 专栏收录该内容

15 篇文章

订阅专栏

本文介绍如何在Vue项目中利用MockJS模拟后端接口，通过具体步骤展示如何安装MockJS，创建模拟数据，并在组件中调用，以此提高前端开发效率。

vue框架中实现mock数据模拟后端接口-提高开发效率

1，npm安装mockjs

   npm install mock.js

2,src目录下新建mock文件夹-新建index.js

 import Mock from 'mockjs';

 const userInfo = Mock.mock(
 '/test.advance/login','post', (req, res) =>{
    return  {
        code:200,
        data:{
            userId:1,
            userName:'zpc',
            token: 'jgfldkgjkl'
        },
        message:'登录成功'
    }
} )
 export default { userInfo }

3.在main.js引入，index.js文件

4,.在组件中登录的时候直接调用