فهم تعديل عنوان URL للمجلدات الفرعية للتطبيق

عند تطوير تطبيق MVC الذي يتم نشره في مجلد فرعي، من الضروري استيعاب التغيير في عنوان URL الأساسي. وهذا يضمن أن مراجع JavaScript وعناوين URL تعمل بشكل صحيح في كل من البيئات المحلية والمنشورة.

حل لتحديد جذر التطبيق

لتحديد عنوان URL الجذر وتعديل JavaScript وفقًا لذلك، هناك طريقتان:

طريقة بسيطة:

استخدم الحرف "/" البادئ في عنوان URL الخاص بجافا سكريبت.

• على سبيل المثال، عند الرجوع إلى "JobsController" من تطبيق MVC الذي تم نشره في المجلد الفرعي "Jobs"، استخدم عنوان URL "/jobs/GetIndex" بدلاً من "http://site/jobs/GetIndex".

نهج شامل:

الاستفادة من طريقة مساعد Url.Content لعرض Razor لإنشاء عنوان URL الأساسي للتطبيق.

• إنشاء كائن مساحة اسم JavaScript وتعيين عنوان URL الأساسي للتطبيق إلى متغير.
• استخدم المتغير المعين في JavaScript لإنشاء عناوين URL أخرى.

مثال باستخدام Razor View وJavaScript:

/ / عرض الشفرة (ملف تخطيط أو عرض محدد) فار myApp = myApp || {}; // إنشاء أو توسيع مساحة الاسم myApp myApp.Urls = myApp.Urls || {}; // قم بإنشاء كائن Urls أو توسيعه داخل myApp myApp.Urls.baseUrl = '@Url.Content("~""'; // قم بتعيين عنوان URL الأساسي للتطبيق إلى خاصية baseUrl myApp.Urls.jobIndexUrl = '@Url.Action("GetIndex"،"jobs")'; // قم بتعيين عنوان URL للإجراء المحدد لخاصية jobIndexUrl // PageSpecificExternalJsFile.js var urlToJobIndex= myApp.Urls.jobIndexUrl; // الوصول إلى عنوان URL للإجراء المحدد var urlToJobIndex2= myApp.Urls.baseUrl "jobs/GetIndex"; // قم بإنشاء عنوان URL نسبي باستخدام عنوان URL الأساسي للتطبيق

// Razor View (Layout file or specific view)


// PageSpecificExternalJsFile.js
var urlToJobIndex= myApp.Urls.jobIndexUrl; // Access the specific action URL
var urlToJobIndex2= myApp.Urls.baseUrl "jobs/GetIndex"; // Construct a relative URL using the app base URL

منهج AngularJS:

بالنسبة لمشاريع AngularJS، استخدم موفر القيمة Angular لإدخال عنوان URL لجذر التطبيق في وحدات التحكم أو الخدمات أو التوجيهات الخاصة بك، مما يضمن مدى توفر عناوين URL النسبية الصحيحة.