From 969725647117eb7ca148b2e8cfa9ec8b5eb432fa Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期二, 22 十月 2024 11:04:10 +0800
Subject: [PATCH] 工艺缓存优化
---
src/views/demo/feat/session-timeout/index.vue | 72 ++++++++++++++++-------------------
1 files changed, 33 insertions(+), 39 deletions(-)
diff --git a/src/views/demo/feat/session-timeout/index.vue b/src/views/demo/feat/session-timeout/index.vue
index 2a0c328..a189aab 100644
--- a/src/views/demo/feat/session-timeout/index.vue
+++ b/src/views/demo/feat/session-timeout/index.vue
@@ -3,52 +3,46 @@
title="鐧诲綍杩囨湡绀轰緥"
content="鐢ㄦ埛鐧诲綍杩囨湡绀轰緥锛屼笉鍐嶈烦杞櫥褰曢〉锛岀洿鎺ョ敓鎴愰〉闈㈣鐩栧綋鍓嶉〉闈紝鏂逛究淇濇寔杩囨湡鍓嶇殑鐢ㄦ埛鐘舵�侊紒"
>
- <a-card title="璇风偣鍑讳笅闈㈢殑鎸夐挳璁块棶娴嬭瘯鎺ュ彛" extra="鎵�璁块棶鐨勬帴鍙ｄ細杩斿洖Token杩囨湡鍝嶅簲">
- <a-card-grid style="width: 50%; text-align: center">
+ <Card title="璇风偣鍑讳笅闈㈢殑鎸夐挳璁块棶娴嬭瘯鎺ュ彛" extra="鎵�璁块棶鐨勬帴鍙ｄ細杩斿洖Token杩囨湡鍝嶅簲">
+ <CardGrid style="width: 50%; text-align: center">
<a-button type="primary" @click="test1">HttpStatus == 401</a-button>
- </a-card-grid>
- <a-card-grid style="width: 50%; text-align: center">
+ </CardGrid>
+ <CardGrid style="width: 50%; text-align: center">
<span></span>
<a-button class="ml-4" type="primary" @click="test2">Response.code == 401</a-button>
- </a-card-grid>
- </a-card>
+ </CardGrid>
+ </Card>
</PageWrapper>
</template>
-<script lang="ts">
- import { defineComponent } from 'vue';
- import { PageWrapper } from '/@/components/Page';
- import { useUserStore } from '/@/store/modules/user';
-
- import { sessionTimeoutApi, tokenExpiredApi } from '/@/api/demo/account';
+<script lang="ts" setup>
+ import { PageWrapper } from '@/components/Page';
+ import { useUserStore } from '@/store/modules/user';
+ import { sessionTimeoutApi, tokenExpiredApi } from '@/api/demo/account';
import { Card } from 'ant-design-vue';
- export default defineComponent({
- name: 'TestSessionTimeout',
- components: { ACardGrid: Card.Grid, ACard: Card, PageWrapper },
- setup() {
- const userStore = useUserStore();
- async function test1() {
- // 绀轰緥缃戠珯鐢熶骇鐜鐢ㄧ殑鏄痬ock鏁版嵁锛屼笉鑳借繑鍥濰ttp鐘舵�佺爜锛�
- // 鎵�浠ュ湪鐢熶骇鐜鐩存帴鏀瑰彉鐘舵�佹潵杈惧埌娴嬭瘯鏁堟灉
- if (import.meta.env.PROD) {
- userStore.setToken(undefined);
- userStore.setSessionTimeout(true);
- } else {
- // 杩欎釜api浼氳繑鍥炵姸鎬佺爜涓�401鐨勫搷搴�
- await sessionTimeoutApi();
- }
- }
+ defineOptions({ name: 'TestSessionTimeout' });
- async function test2() {
- // 杩欎釜api浼氳繑鍥瀋ode涓�401鐨刯son鏁版嵁锛孒ttp鐘舵�佺爜涓�200
- try {
- await tokenExpiredApi();
- } catch (err) {
- console.log('鎺ュ彛璁块棶閿欒锛�', (err as Error).message || '閿欒');
- }
- }
+ const CardGrid = Card.Grid;
- return { test1, test2 };
- },
- });
+ const userStore = useUserStore();
+ async function test1() {
+ // 绀轰緥缃戠珯鐢熶骇鐜鐢ㄧ殑鏄痬ock鏁版嵁锛屼笉鑳借繑鍥濰ttp鐘舵�佺爜锛�
+ // 鎵�浠ュ湪鐢熶骇鐜鐩存帴鏀瑰彉鐘舵�佹潵杈惧埌娴嬭瘯鏁堟灉
+ if (import.meta.env.PROD) {
+ userStore.setToken(undefined);
+ userStore.setSessionTimeout(true);
+ } else {
+ // 杩欎釜api浼氳繑鍥炵姸鎬佺爜涓�401鐨勫搷搴�
+ await sessionTimeoutApi();
+ }
+ }
+
+ async function test2() {
+ // 杩欎釜api浼氳繑鍥瀋ode涓�401鐨刯son鏁版嵁锛孒ttp鐘舵�佺爜涓�200
+ try {
+ await tokenExpiredApi();
+ } catch (err) {
+ console.log('鎺ュ彛璁块棶閿欒锛�', (err as Error).message || '閿欒');
+ }
+ }
</script>
--
Gitblit v1.9.3