error customConfig قسمت82

سوال شده توسط: ali mozafari

تاریخ ثبت: ۱۴۰۲/۰۴/۳۱

بازدید: 503

پاسخ: 15

تگ: Vue.Js


سلام استاد در قسمت 82 زمانی که customConfig رو به $fetch میدم ارور میده ممنون میشم کمک کنید مشکل چیه؟؟

پاسخ ها
user

محمد اشرافی

سلام وقت بخیر ، بخ جای اینکه تنضیمات رو بریزید توی یه متغیر دیگه ، همون متغیر که توی ورودی دریافت کردین رو تغییر بدین ( Type اش رئ تشخیص نمیده )
 

 

config = 
{
	baseURL:"http://.......",
	...config
}

احتمالا مشکل از همنه اگر مشکل حل نشد بگید تا برسیش کنیم دوباره

user

ali mozafari

استاد میبخشید متوجه حرف تون نمیشم میشه کدش رو بنویسید؟؟

user

محمد اشرافی

کد رو بالا براتون نوشتم فقط آدرس BaseUrl رو تغییر بدین، توی عکس که برام فرستادین یه جا نوشتین 

var customConfig={...}

الان جای این customConfig کد بالا رو قرار بدین

user

ali mozafari

استاد متاسفانه درست نشود

دریافت فایل ضمیمه
user

محمد اشرافی

نه بببینید var رو نزارید و متقیم بنویسید config

user

محمد اشرافی

قبلا توی ورودی متد ،  config رو دریافت کردید و دیگه قرار نیست دوباره تعریف اش کنید ، میایم میگیم همون config که توی ورودی متد دریافت اش کردیم رو بگیر و BaseUrl اش رو فقط تغییر بده

user

ali mozafari

استاد عذر میخوام ولی درست نشود

دریافت فایل ضمیمه
user

محمد اشرافی

از چه ورژنی از Nuxt استفاده میکنید ؟ توی این خطایی که داده گفته باید از نوع NitroFechOption کنفیگ رو بهم پاس بدی ، نوع متغیر Config رو به NitroFechOption  تغییر بدین ببینم خطا میده یا نه 
 

 

export async function FetchApi<T>(
  url: string,
  config: NitroFetchOptions = {},
): Promise<IApiResponse<T>> {
user

محمد اشرافی

ولی درکل خطایی نیست که برنامه به مشکل بخوره خطای نوع داده است که مربوط به  TypeScript هست که اگر هم بالا اون خط کد این تیکه کد رو بزارید مشکل حل میشه :

 

// @ts-ignore
user

ali mozafari

نسخه  3.2.0 استفاده میکنم و NitroFechOption گذاشتم درست نشود استاد ممنون میشم کمک کنید  واقعاnuxt خیلی ازیت کرد 

دریافت فایل ضمیمه
user

محمد اشرافی

این NitroFechOption رو که گذاشتین باید import بشه ، اگر که نتونستید  Import اش کنید، برگردونیتش به همون FechOptions و بالا $Fech بنویسید : 

 

// @ts-ignore
return $fech(url,config)
user

ali mozafari

استاد درست نمیشه هرکاری کردم خودمم تغیر دادم ولی نمیشه چیزی گفتین انجام دادم تعداد ارور ها بیشتر شد!!!!

دریافت فایل ضمیمه
user

محمد اشرافی

نه این چه کاریه انجام دادین ، کد ای که براتون قرار میدم رو جایگزین کنید

 

export async function FetchApi<T>(
  url: string,
  config: FetchOptions = {}
): Promise<ApiResponse<T>> {
  config = {
    baseURL: BASE_URL,
    ...config,
  };
  //@ts-ignore
   return $fetch<ApiResponse<T>>(url, config);
}

user

ali mozafari

استاد ممنون درست شد من فقد این تیکه کد// @ts-ignore که کامنت شد بود متوجه نمیشودم نمیزاشتم.تشکر میکنم ازتون

user

محمد اشرافی

خواهش میکنم موفق باشید

برای ثبت پاسخ باید خود شوید

محبوب ترین مقالات