Merge remote-tracking branch 'origin/base' into base
This commit is contained in:
commit
1402465fc8
@ -1,7 +1,7 @@
|
|||||||
import { UnwrapRef } from 'vue'
|
import { UnwrapRef } from 'vue'
|
||||||
|
|
||||||
type IUseRequestOptions<T> = {
|
type IUseRequestOptions<T> = {
|
||||||
/** 是否立即执行,如果是则在onLoad执行 */
|
/** 是否立即执行 */
|
||||||
immediate?: boolean
|
immediate?: boolean
|
||||||
/** 初始化数据 */
|
/** 初始化数据 */
|
||||||
initialData?: T
|
initialData?: T
|
||||||
@ -11,34 +11,34 @@ type IUseRequestOptions<T> = {
|
|||||||
* useRequest是一个定制化的请求钩子,用于处理异步请求和响应。
|
* useRequest是一个定制化的请求钩子,用于处理异步请求和响应。
|
||||||
* @param func 一个执行异步请求的函数,返回一个包含响应数据的Promise。
|
* @param func 一个执行异步请求的函数,返回一个包含响应数据的Promise。
|
||||||
* @param options 包含请求选项的对象 {immediate, initialData}。
|
* @param options 包含请求选项的对象 {immediate, initialData}。
|
||||||
* @param options.immediate 是否立即执行请求,默认为true。
|
* @param options.immediate 是否立即执行请求,默认为false。
|
||||||
* @param options.initialData 初始化数据,默认为undefined。
|
* @param options.initialData 初始化数据,默认为undefined。
|
||||||
* @returns 返回一个对象{loading, error, data, run},包含请求的加载状态、错误信息、响应数据和手动触发请求的函数。
|
* @returns 返回一个对象{loading, error, data, run},包含请求的加载状态、错误信息、响应数据和手动触发请求的函数。
|
||||||
*/
|
*/
|
||||||
export default function useRequest<T>(
|
export default function useRequest<T>(
|
||||||
func: () => Promise<IResData<T>>,
|
func: () => Promise<IResData<T>>,
|
||||||
options: IUseRequestOptions<T> = { immediate: true },
|
options: IUseRequestOptions<T> = { immediate: false },
|
||||||
) {
|
) {
|
||||||
const loading = ref(false)
|
const loading = ref(false)
|
||||||
const error = ref(false)
|
const error = ref(false)
|
||||||
const data = ref<T>(options.initialData)
|
const data = ref<T>(options.initialData)
|
||||||
const run = async () => {
|
const run = async () => {
|
||||||
loading.value = true
|
loading.value = true
|
||||||
func()
|
return func()
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
data.value = res.data as UnwrapRef<T>
|
data.value = res.data as UnwrapRef<T>
|
||||||
error.value = false
|
error.value = false
|
||||||
|
return data.value
|
||||||
})
|
})
|
||||||
.catch((err) => {
|
.catch((err) => {
|
||||||
error.value = err
|
error.value = err
|
||||||
|
throw err
|
||||||
})
|
})
|
||||||
.finally(() => {
|
.finally(() => {
|
||||||
loading.value = false
|
loading.value = false
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
onLoad(() => {
|
|
||||||
options.immediate && run()
|
options.immediate && run()
|
||||||
})
|
|
||||||
return { loading, error, data, run }
|
return { loading, error, data, run }
|
||||||
}
|
}
|
||||||
|
@ -47,6 +47,7 @@ const recommendUrl = ref('http://laf.run/signup?code=ohaOgIX')
|
|||||||
const initialData = undefined
|
const initialData = undefined
|
||||||
// 适合少部分全局性的接口————多个页面都需要的请求接口,额外编写一个 Service 层
|
// 适合少部分全局性的接口————多个页面都需要的请求接口,额外编写一个 Service 层
|
||||||
const { loading, error, data, run } = useRequest<IFooItem>(() => getFooAPI('菲鸽'), {
|
const { loading, error, data, run } = useRequest<IFooItem>(() => getFooAPI('菲鸽'), {
|
||||||
|
immediate: true,
|
||||||
initialData,
|
initialData,
|
||||||
})
|
})
|
||||||
const reset = () => {
|
const reset = () => {
|
||||||
|
@ -62,6 +62,18 @@ export default ({ command, mode }) => {
|
|||||||
UniManifest(),
|
UniManifest(),
|
||||||
// UniXXX 需要在 Uni 之前引入
|
// UniXXX 需要在 Uni 之前引入
|
||||||
Uni(),
|
Uni(),
|
||||||
|
{
|
||||||
|
// 临时解决 dcloudio 官方的 @dcloudio/uni-mp-compiler 出现的编译 BUG
|
||||||
|
// 参考 github issue: https://github.com/dcloudio/uni-app/issues/4952
|
||||||
|
// 自定义插件禁用 vite:vue 插件的 devToolsEnabled,强制编译 vue 模板时 inline 为 true
|
||||||
|
name: 'fix-vite-plugin-vue',
|
||||||
|
configResolved(config) {
|
||||||
|
const plugin = config.plugins.find((p) => p.name === 'vite:vue')
|
||||||
|
if (plugin && plugin.api && plugin.api.options) {
|
||||||
|
plugin.api.options.devToolsEnabled = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
UnoCSS(),
|
UnoCSS(),
|
||||||
AutoImport({
|
AutoImport({
|
||||||
imports: ['vue', 'uni-app'],
|
imports: ['vue', 'uni-app'],
|
||||||
|
Loading…
x
Reference in New Issue
Block a user