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

最新推荐文章于 2024-04-28 16:24:30 发布

若茶先森

最新推荐文章于 2024-04-28 16:24:30 发布

阅读量1.2k

点赞数

分类专栏： vue 文章标签： mockjs

本文链接：https://blog.csdn.net/zpcqdkf/article/details/82996124

版权

vue 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

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,.在组件中登录的时候直接调用