كيفية تغيير منفذ تطبيق Next.js

تعرف على كيفية تغيير المنفذ الذي يعمل عليه Next.js في وضع التطوير

لقد سُئلت عن كيفية تغيير منفذ HTTP لتطبيق تم إنشاؤه باستخدام Next.js ، عندما تقوم بتشغيله محليًا. افتراضيا المنفذ هو3000، ولكن هذا منفذ شائع الاستخدام وربما لديك خدمة أخرى تعمل عليه.

كيف يمكنك تغييره؟

الجواب فيpackage.jsonالملف المخزن في المجلد الرئيسي لتطبيق Next.js.

بشكل افتراضي ، يكون محتوى الملف كما يلي:

{
  "name": "learn-starter",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start"
  },
  "dependencies": {
    "next": "9.3.5",
    "react": "16.13.1",
    "react-dom": "16.13.1"
  }
}

ملاحظة: ستختلف أرقام الحزم الدقيقة في حالتك ، حيث يتم تحديثها

الشيء الذي تحتاج إلى تغييره هوscriptsجزء.

يتغيرون:

"dev": "next dev",

to

"dev": "next dev -p 3001"

to start Next.js on port 3001 instead of 3000.

Now when you run npm run dev, the command used to start the development server locally, you will see it start on port 3001:

Download my free Next.js Handbook


More next tutorials: