少量补充说明

补充mockjs相关资料以及在master分支上实际使用情况,ant design vue admin中的相关文件位置,另外给出一个在master中如何调试本地server的demo代码
This commit is contained in:
phantom2009 2022-05-12 20:23:50 +08:00 committed by GitHub
parent 56635a948b
commit b519d1923c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -2,6 +2,64 @@
title: Mock
lang: zh-CN
---
# Mock
Mock
mockjs官网 http://mockjs.com/
基本使用
npm install mockjs --save
### 作者还没来得及编辑该页面,如果你感兴趣,可以点击下方链接,帮助作者完善此页
import Mock from 'mockjs'
Mock.mock(`${process.env.VUE_APP_API_BASE_URL}/login`, 'post', ({body}) => {
.............
})
这个是在标准webpack nodejs项目中使用mockjs完整的mockjs怎么使用参考官网文档我们说一下在ant design vue admin中的使用情况。
1、src/mock是所有的mock模拟数据接口当前项目所有的接口都能找到通过作者Mock.mock(fullPath,...args)
你需要明白作者是为了想做的生产环境统一的写法,而不至于发布时该代码。
2、在main.js中
import '@/mock'
引入了所有的mockjs接口这样开发中就可以使用了这样开发是
src/services/user.js
export async function login(username, password) {
return request(LOGIN, METHOD.POST, {
username: username,
password: password
});
}
src/service/apis login是
LOGIN: `${BASE_URL}/login`,
这样发布时使用.env中的 VUE_APP_API_BASE_URL=你的生产环境地址,从而实现模拟数据以及开发、生产解耦。
3、在部分情况下我们不希望使用mock数据但是为了系统的正常运行我们不能全部修改
master版本作者完全是演示因此完整加载了mock实际开发需要转到basic分支
下面给一段就在master中强行带mock又有本地开发真实服务端的写法供参考关键代码
import {request,METHOD} from "./../../utils/request.js";
const baseURL="http://192.168.13.4:8092/"
add(){
request(baseURL +"todo/add",METHOD.POST,{
title:"喝酒",
isFinished:false
}).then((response)=>{
console.log(response);
});
},
query(){
//console.log("query");
request(baseURL +"todo/getAllTodos").then((response)=>{
console.log(response);
});
}