blackteay/vue3-vant4-mobile
1
0
Fork 0
mirror of https://github.com/xiangshu233/vue3-vant4-mobile.git synced 2025-04-06 03:57:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 🔨 修复线上 Mock 报错的问题

Browse Source 
docs: 📔 README 新增线上预览
This commit is contained in:
xiangshu233 2022-10-23 17:17:07 +08:00
parent 45e1ab88bf
commit a1ccac5b41
4 changed files with 51 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
README.md
View File

@ -25,7 +25,7 @@
<img src="https://fastly.jsdelivr.net/gh/xiangshu233/blogAssets/2022/10/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20221022091917.png" width="400" />
<img src="https://fastly.jsdelivr.net/gh/xiangshu233/blogAssets/2022/10/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20221022092004.png" width="400" />
<img src="https://fastly.jsdelivr.net/gh/xiangshu233/blogAssets/2022/10/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20221022092015.png" width="400" />
<img src="https://fastly.jsdelivr.net/gh/xiangshu233/blogAssets/2022/10/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20221023152559.png" width="400" />
<img src="https://fastly.jsdelivr.net/gh/xiangshu233/blogAssets/2022/10/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20221022092022.png" width="400" />
</span>
</p>
@ -35,10 +35,23 @@
<img src="https://fastly.jsdelivr.net/gh/xiangshu233/blogAssets/2022/10/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20221022092052.png" width="400" />
<img src="https://fastly.jsdelivr.net/gh/xiangshu233/blogAssets/2022/10/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20221022092140.png" width="400" />
<img src="https://fastly.jsdelivr.net/gh/xiangshu233/blogAssets/2022/10/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20221022092224.png" width="400" />
<img src="https://fastly.jsdelivr.net/gh/xiangshu233/blogAssets/2022/10/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20221022092358.png" width="400" />
<img src="https://fastly.jsdelivr.net/gh/xiangshu233/blogAssets/2022/10/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20221023152559.png" width="400" />
</span>
</p>
## 线上预览
- [vue3-vant4-mobile](https://vue3-vant4-mobile.xiangshu233.cn/)
账号：admin，密码：123456
账号：test，密码：123456
或者扫描以下二维码进入手机演示
<p align="center">
<img src="https://fastly.jsdelivr.net/gh/xiangshu233/blogAssets/2022/10/vue3-vant4-mobile-QR-code.png" width="200" />
</p>
## 基础知识
既然你搜了 `vue3`、`vant4` 此类关键词，则默认你会用这些配套技术栈。

2
mock/_createProductionServer.ts
View File

@ -1,6 +1,6 @@
import { createProdMockServer } from 'vite-plugin-mock/es/createProdMockServer';
const modules: Recordable = import.meta.glob('./**/*.ts');
const modules = import.meta.glob('./**/*.ts', { eager: true }) as any;
const mockModules: any[] = [];
Object.keys(modules).forEach((key) => {

10
mock/user/user.ts
View File

@ -2,8 +2,7 @@ import { MockMethod } from 'vite-plugin-mock';
import { getRequestToken, requestParams, resultError, resultSuccess } from '../_util';
import { ResultEnum } from '@/enums/httpEnum';
export function createFakeUserList() {
return [
const fakeUserList = [
{
userId: 1,
username: 'admin',
@ -34,7 +33,6 @@ export function createFakeUserList() {
token: 'fakeToken2',
},
];
}
export default [
{
@ -43,7 +41,7 @@ export default [
method: 'post',
response: ({ body }) => {
const { username, password } = body;
const checkUser = createFakeUserList().find(
const checkUser = fakeUserList.find(
(item) => item.username === username && password === item.password
);
if (!checkUser) {
@ -66,7 +64,7 @@ export default [
response: (request: requestParams) => {
const token = getRequestToken(request);
if (!token) return resultError('无效令牌');
const checkUser = createFakeUserList().find((item) => item.token === token);
const checkUser = fakeUserList.find((item) => item.token === token);
if (!checkUser) {
return resultError('没有获取到对应的用户信息', {
code: ResultEnum.TOKEN_EXPIRED,
@ -82,7 +80,7 @@ export default [
response: (request: requestParams) => {
const token = getRequestToken(request);
if (!token) return resultError('无效令牌');
const checkUser = createFakeUserList().find((item) => item.token === token);
const checkUser = fakeUserList.find((item) => item.token === token);
if (!checkUser) {
return resultError('无效令牌');
}

1
src/utils/domUtils.ts
View File

@ -158,6 +158,7 @@ export function off(
export function once(el: HTMLElement, event: string, fn: EventListener): void {
const listener = function (this: any, ...args: unknown[]) {
if (fn) {
// @ts-ignore
fn.apply(this, args);
}
off(el, event, listener);