یوسف جعفری
1 سال پیش توسط یوسف جعفری مطرح شد
6 پاسخ

404 در Nuxt js

سلام من فرانت یه سایتی رو با 3 Nuxt js بالا اوردم، و تو بخش مثلا مقالات هر بار مقاله جدیدی رو از بکند اضافه میکنم و توی فرانت میاد و همه چی اوکی هست ولی وقتی توی سرور اجراش کردم ، مثلا این آدرس https://mysite.com/articles/article-name ارور 404 میده، در صورتی که توی لوکال کاملا درست کار میکنه، نمیدونم مشکل از کد نویسی من هست یا از ناکست من توی فولدر ها اینطوری نوشتم:

mysite/pages/articles/[name].vue

@salar.mohammad2013
@javadkarimii
@saghari
@mahdi.nazari
@Raymond
@shift.delete
@ossvahid
@arianseyed


ثبت پرسش جدید
حسین افتخارراد
تخصص : نال کد
@hosseinradvictor 1 سال پیش مطرح شد
2

@salar.mohammad2013
😀امان از دست این خارجی ها نمیدونیم nextjs هست nuxtjs یا nestjs 😅 بروجرد ، بیرحند و بحنورد

اولین چیزی که باید بررسی کنید این است که آدرس مقاله جدید در سرور به درستی پیکربندی شده است. برای این کار، می توانید از کنسول توسعه مرورگر خود استفاده کنید تا ببینید که آدرس مقاله جدید به چه چیزی هدایت می شود.

اگر آدرس مقاله جدید به درستی پیکربندی شده است، مشکل ممکن است ناشی از تنظیمات سرور شما باشد. برای بررسی این موضوع، می توانید موارد زیر را انجام دهید:

مطمئن شوید که پرونده های Nuxt شما در سرور در مسیر صحیح قرار دارند.
مطمئن شوید که سرور شما از HTTP/2 پشتیبانی می کند.
مطمئن شوید که سرور شما از CDN استفاده نمی کند که مانع از دسترسی به پرونده های Nuxt شما می شود.
اگر همه این موارد را بررسی کرده اید و هنوز هم مشکل دارید، می توانید از Nuxt Devtools برای عیب یابی استفاده کنید. Nuxt Devtools به شما امکان می دهد درخواست های HTTP خود را به سرور ردیابی کنید و خطاها را شناسایی کنید.


یوسف جعفری
@titan.2018.yj 1 سال پیش مطرح شد
0

از دستور npx nuxi generate استفاده کردم و فایل output./public رو روی هاست گذاشتم


حسین افتخارراد
تخصص : نال کد
@hosseinradvictor 1 سال پیش مطرح شد
1

نکس به صورت خودکار دیتا رو کش میکند و وقتی سرور بروز رسانی میشود نکس در حال استفاده از حافظه کش هست شما باید دستور زیر رو درون صفحه وارد کنید تا حافظه کش در زمان بندی مد نظر مجدد بروز شود

fetch('https://...', { next: { revalidate: 3600 } })

قطعه کد انتهایی باعث میشود دستور فتج بعد از مدت زمان وارد شده بروز رسانی گردد

export const revalidate = 3600 // revalidate at most every hour

یا این دستور تمامی دستورات صفحه را بروز رسانی میکند
توضیحات بیشتر در لینک زیر قسمت Caching Data

https://nextjs.org/docs/app/building-your-application/data-fetching/fetching-caching-and-revalidating


محمد رضا
تخصص : Full Stack Developer
@salar.mohammad2013 1 سال پیش آپدیت شد
2

@hosseinradvictor
داداش با vue کار میکنن ایشون
فریم ورک nuxt
منم پرسش رو سه بار خوندم هی فک میکردم نکس 13 رو نوشتن 3 بعد گفتم نکس رو نوشتن ناکس که اخر دیدم پسوند فایل vue هست 😃🤣
ری اکت کار نمیکنن ایشون


محمد حسین
تخصص : mevn stack
@saghari 1 سال پیش مطرح شد
1

اروری توی کنسول نمیگیری؟
سورس [name].vue رو هم بذار


حسین افتخارراد
تخصص : نال کد
@hosseinradvictor 1 سال پیش مطرح شد
2

@salar.mohammad2013
😀امان از دست این خارجی ها نمیدونیم nextjs هست nuxtjs یا nestjs 😅 بروجرد ، بیرحند و بحنورد

اولین چیزی که باید بررسی کنید این است که آدرس مقاله جدید در سرور به درستی پیکربندی شده است. برای این کار، می توانید از کنسول توسعه مرورگر خود استفاده کنید تا ببینید که آدرس مقاله جدید به چه چیزی هدایت می شود.

اگر آدرس مقاله جدید به درستی پیکربندی شده است، مشکل ممکن است ناشی از تنظیمات سرور شما باشد. برای بررسی این موضوع، می توانید موارد زیر را انجام دهید:

مطمئن شوید که پرونده های Nuxt شما در سرور در مسیر صحیح قرار دارند.
مطمئن شوید که سرور شما از HTTP/2 پشتیبانی می کند.
مطمئن شوید که سرور شما از CDN استفاده نمی کند که مانع از دسترسی به پرونده های Nuxt شما می شود.
اگر همه این موارد را بررسی کرده اید و هنوز هم مشکل دارید، می توانید از Nuxt Devtools برای عیب یابی استفاده کنید. Nuxt Devtools به شما امکان می دهد درخواست های HTTP خود را به سرور ردیابی کنید و خطاها را شناسایی کنید.


یوسف جعفری
@titan.2018.yj 1 سال پیش مطرح شد
1

سلام و ممنون از دوستان برای پاسخ گویی، مشکلم حل شد و خب خیلی ساده بود، گفتم جوابش رو بزارم و برای دوستانی که ممکن هست با این مشکل روبرو بشن هم جواب رو داشته باشن:

برای ناکست جی اس ( NUXT JS ) نه (NEXT JS) باید یک هاستی تهیه بشه که Node js روش نصب باشه، بعد با دستور

npm run build

یک بیلد بگیرین از پروژه (کاری که من با (npx nuxi generate) انجام دادم😅

بعد یه فایل بهتون میده که نوشته index.mjs که توسط سرور هایی انجام میشه که نود روشون نصب هست، ولی اگر از دستور npx nuxi generate رفته باشید بهتون index.html میده که یک سایت static هست و فایل .vue[name] نمیتونه اسم های که قابل تغییر هستن رو اجرا بکنه و اگر در سایت آدرسی مثل https://mysite/herherherherher رو قرار بدین بهتون 404 نشون میده که یعنی فایل ویو نتونسته اسم مشخص شده از سمت سرور رو بگیره و رو روت پیاده سازی کنه


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام