Avatar ·

كيفية السماح بالوصول إلى تطبيق Angular من الشبكة الخارجية (ليس localhost)؟

مرحبًا! أقوم بتطوير تطبيق Angular باستخدام TypeScript. عندما أشغل `ng serve`، يعمل كل شيء بشكل ممتاز على `http://localhost:4200`. لكنني أحتاج إلى أن تتمكن الأجهزة الأخرى في شبكتي المحلية من الوصول إلى التطبيق (مثل هاتفي أو كمبيوتر آخر). عندما أحاول فتح `http://192.168.1.100:4200` (عنوان IP الخاص بي)، يكتب المتصفح "Connection refused" أو "This site can't be reached". لقد جربت تشغيل `ng serve --host 0.0.0.0`، لكن ذلك لم يساعد. علاوة على ذلك، أستخدم Angular CLI الإصدار 15، والمشروع مهيأ باستخدام `angular.json`. أحتاج إلى أن يكون التطبيق متاحًا ليس فقط عبر localhost، ولكن أيضًا عبر عنوان IP حقيقي في الشبكة. إليك تشغيلي الحالي: ```typescript // package.json { "scripts": { "start": "ng serve", "build": "ng build" } } ``` أقوم بالتشغيل: `npm start` أو `ng serve` المشكلة: عند الوصول من جهاز آخر عبر عنوان IP (192.168.1.100:4200) لا يتم إنشاء الاتصال. كيف يمكنني ضبط ذلك بشكل صحيح؟