使用 Mockjs 模拟数据

Mock 在 vue 中的使用

2使用 mock

在 mock 文件夹下建 indexjs 文件
配置 indexjs 文件

配置 mapData 数据文件

mock随机数据,详情请看 mockjs官网

3在 mainjs 里引入mock

注: 1调用接口时,一定要注掉mock数据,不然会报错
2带参时mock',可用正常匹配, 如:

mock随机数据

        用于接收props未接收的绑定属性

        例如：下图中props没有接收sex和height属性，但是$attrs可以接收sex和height属性，如果现在把sex属性写入props中，那么$attrs就只能接收到height属性，也就是说，attrs只是接收props未接收的绑定属性

2mockjs

        20  安装(仅在开发环境安装即可)

                npm install mockjs -D

        21  导入mockjs

                在mainjs中导入mockjs

                import '/mock/indexjs'

        22  src文件下新建文件夹mock，其中新建文件indexjs编译文件

请求地址 /api/pathname ，路径为/mock/pathnamejs
请求地址 /api/pathnameparam=234，路径为/mock/pathname/param-234js

可以根据需要自行修改，注意一点require的写法有点讲究，带变量得写成 字符串+变量，不然会报错。

---