forked from gxwebsoft/websoft-cms
14 changed files with 531 additions and 96 deletions
|
After Width: | Height: | Size: 260 B |
@ -0,0 +1,9 @@ |
|||||
|
import { useState } from '#imports'; |
||||
|
import type { Config } from '~/types/config'; |
||||
|
|
||||
|
export const useConfigInfo = () => |
||||
|
useState<Config>('config', () => { |
||||
|
return {}; |
||||
|
}); |
||||
|
|
||||
|
export const useToken = () => useState('token', () => 'token xxx'); |
||||
@ -0,0 +1,31 @@ |
|||||
|
<script setup lang="ts"> |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<template> |
||||
|
<div class="p-20 pt-[200px]"> |
||||
|
<el-dropdown> |
||||
|
<span class="el-dropdown-link"> |
||||
|
Dropdown List |
||||
|
<el-icon class="el-icon--right"> |
||||
|
<arrow-down /> |
||||
|
</el-icon> |
||||
|
</span> |
||||
|
<template #dropdown> |
||||
|
<el-dropdown-menu> |
||||
|
<el-dropdown-item>Action 1</el-dropdown-item> |
||||
|
<el-dropdown-item>Action 2</el-dropdown-item> |
||||
|
<el-dropdown-item>Action 3</el-dropdown-item> |
||||
|
<el-dropdown-item disabled>Action 4</el-dropdown-item> |
||||
|
<el-dropdown-item divided>Action 5</el-dropdown-item> |
||||
|
</el-dropdown-menu> |
||||
|
</template> |
||||
|
</el-dropdown> |
||||
|
|
||||
|
<el-tag type="primary">Tag 1</el-tag> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<style scoped lang="scss"> |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,12 @@ |
|||||
|
export interface Config { |
||||
|
tel1?: string; |
||||
|
icpNo?: string; |
||||
|
tel2?: string; |
||||
|
copyright?: string; |
||||
|
qrcode?: string; |
||||
|
domain?: string; |
||||
|
siteName?: string; |
||||
|
siteLogo?: string; |
||||
|
subpageBanner?: string; |
||||
|
bottomBg?: string; |
||||
|
} |
||||
@ -0,0 +1,52 @@ |
|||||
|
/**需要进行持久化的数据：把需要持久化的数据放在下面这个对象中，才会持久化，不需要持久化的数据就不用放到这里了。 */ |
||||
|
const enduring: { [key: string]: () => Ref<any> } = { |
||||
|
useToken, useConfigInfo |
||||
|
} |
||||
|
|
||||
|
//下面的俩函数在app.vue的onMounted中统一调用，或者在其它情况挂载后单独调用。
|
||||
|
/**把所有指定数据保存到本地存储 |
||||
|
* @param key 要保存的数据名。不填的话就是保存全部（一般不填，统一在页面关闭时保存。如果是特别重要的数据，就时不时单独保存一下即可。） |
||||
|
*/ |
||||
|
export const setLocal = (key?: string) => { |
||||
|
if (key) { |
||||
|
console.log('只保存', key); |
||||
|
const useKey = 'use' + key.slice(0, 1).toUpperCase() + key.slice(1).toLowerCase(); //首字母大写，其它全部转小写
|
||||
|
const func = enduring[useKey]; |
||||
|
if (!func) { |
||||
|
console.log('没有找到', useKey, '对应的函数'); |
||||
|
return; |
||||
|
} |
||||
|
localStorage.setItem(key, JSON.stringify(func().value)); |
||||
|
} else { |
||||
|
console.log('正在保存全部数据'); |
||||
|
for (const key in enduring) { |
||||
|
if (Object.prototype.hasOwnProperty.call(enduring, key)) { |
||||
|
const element = enduring[key]; |
||||
|
const setKey = key.toLowerCase().substring(3); //去掉前面的use ，其它全部转小写
|
||||
|
try { |
||||
|
localStorage.setItem(setKey, JSON.stringify(element().value)); |
||||
|
} catch (error) { |
||||
|
console.log(`在设置${setKey}的数据时出现错误`, error); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}; |
||||
|
/**从本地存储获取数据到state中 */ |
||||
|
export const getLoacl = () => { |
||||
|
for (const key in enduring) { |
||||
|
if (Object.prototype.hasOwnProperty.call(enduring, key)) { |
||||
|
const element = enduring[key]; |
||||
|
const setKey = key.toLowerCase().substring(3); //去掉前面的use ，其它全部转小写
|
||||
|
try { |
||||
|
const localData = localStorage.getItem(setKey) || ''; |
||||
|
if (localData) { |
||||
|
element().value = JSON.parse(localData); |
||||
|
console.log(setKey, '的本地存储数据获取成功', element().value); |
||||
|
} |
||||
|
} catch (error) { |
||||
|
console.log(`在获取${setKey}的数据时出现错误`, error); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}; |
||||
@ -0,0 +1,88 @@ |
|||||
|
/** |
||||
|
* axios 实例 |
||||
|
*/ |
||||
|
import axios from 'axios'; |
||||
|
import type { AxiosResponse } from 'axios'; |
||||
|
import {API_BASE_URL, TOKEN_HEADER_NAME, LAYOUT_PATH, TOKEN_STORE_NAME} from '@/config'; |
||||
|
import type { ApiResult } from '@/api'; |
||||
|
import { getHostname, getTenantId } from '@/utils/domain'; |
||||
|
|
||||
|
const service = axios.create({ |
||||
|
baseURL: API_BASE_URL |
||||
|
}); |
||||
|
|
||||
|
/** |
||||
|
* 添加请求拦截器 |
||||
|
*/ |
||||
|
service.interceptors.request.use( |
||||
|
(config) => { |
||||
|
const TENANT_ID = localStorage.getItem('TenantId') || 5; |
||||
|
const token = localStorage.getItem(TOKEN_STORE_NAME); |
||||
|
// 添加 token 到 header
|
||||
|
if (token && config.headers) { |
||||
|
config.headers.common[TOKEN_HEADER_NAME] = token; |
||||
|
} |
||||
|
// 获取租户ID
|
||||
|
if (config.headers) { |
||||
|
// 附加企业ID
|
||||
|
const companyId = localStorage.getItem('CompanyId'); |
||||
|
if (companyId) { |
||||
|
config.headers.common['CompanyId'] = companyId; |
||||
|
} |
||||
|
// 通过网站域名获取租户ID
|
||||
|
if (getHostname()) { |
||||
|
config.headers.common['Domain'] = getHostname(); |
||||
|
} |
||||
|
// 解析二级域名获取租户ID
|
||||
|
if (getTenantId()) { |
||||
|
config.headers.common['TenantId'] = getTenantId(); |
||||
|
return config; |
||||
|
} |
||||
|
if (TENANT_ID) { |
||||
|
config.headers.common['TenantId'] = TENANT_ID; |
||||
|
return config; |
||||
|
} |
||||
|
} |
||||
|
return config; |
||||
|
}, |
||||
|
(error) => { |
||||
|
return Promise.reject(error); |
||||
|
} |
||||
|
); |
||||
|
|
||||
|
/** |
||||
|
* 添加响应拦截器 |
||||
|
*/ |
||||
|
service.interceptors.response.use( |
||||
|
(res: AxiosResponse<ApiResult<unknown>>) => { |
||||
|
// 登录过期处理
|
||||
|
if (res.data?.code === 401) { |
||||
|
// const currentPath = unref(router.currentRoute).path;
|
||||
|
// if (currentPath == LAYOUT_PATH) {
|
||||
|
// logout(true);
|
||||
|
// } else {
|
||||
|
// Modal.destroyAll();
|
||||
|
// Modal.info({
|
||||
|
// title: '系统提示',
|
||||
|
// content: '登录状态已过期, 请退出重新登录!',
|
||||
|
// okText: '重新登录',
|
||||
|
// onOk: () => {
|
||||
|
// logout(false, currentPath);
|
||||
|
// }
|
||||
|
// });
|
||||
|
// }
|
||||
|
// return Promise.reject(new Error(res.data.message));
|
||||
|
} |
||||
|
// token 自动续期
|
||||
|
const token = res.headers[TOKEN_HEADER_NAME.toLowerCase()]; |
||||
|
if (token) { |
||||
|
localStorage.setItem(TOKEN_STORE_NAME, token); |
||||
|
} |
||||
|
return res; |
||||
|
}, |
||||
|
(error) => { |
||||
|
return Promise.reject(error); |
||||
|
} |
||||
|
); |
||||
|
|
||||
|
export default service; |
||||
Loading…
Reference in new issue