الوصول إلى قيم env ضمن مكونات inertia في لارافيل

Amir Alsaeed · 11 مارس 2021

كيف يمكن الوصول إلى القيم الموجودة ضمن ملف .env في مشروع لارافيل؟ عند استخدام inertia لا يتم التعرف على قيم .env في مكونات vue. مثلاً:

APP_NAME=ABC

وفي الصفحة resources\js\Home.vue :

<template>
  <div>
        <span class="tw-text-left">{{ appName }}</span>
  </div>
</template>

<script>
export default {
  props: [
    "appName",
 ]
}
</script>

ولكن تظهر القيمة appName فارغة. ما الحل؟

Sam Ahw · 11 مارس 2021

عند تعريف القيم ومحاولة الوصول لها ضمن مكونات Vue يجب إضافة القيم ضمن AppServiceProvider أيضاً بالشكل التالي:

Inertia::share('appName', config('app.name'));

حيث يمكن استخدام config أو env

ثم ضمن المكوّن يتم الاستدعاء بوضع $inertia متبوعة باسم المتحول كالتالي:

{{ $inertia.page.props.appName }}

ويتم تعريف المتحولات ضمن مصفوفة Array على شكل مفاتيح وقيم، بحيث كل مفتاح يشير إلى قيمة المتحول الموجودة ضمن ملف env بالشكل التالي:

 Inertia::share(function () {
            return [
                'app' => [
                    'name' => config('app.name'),
                ],
            ];
        });

بحيث يمكن استدعائها مباشرة كالتالي:

<template>
<div>
App name: {{ $page.app.name }}
</div>
</template>

الوصول إلى قيم env ضمن مكونات inertia في لارافيل

السؤال

Amir Alsaeed

رابط هذا التعليق

شارك على الشبكات الإجتماعية

1 جواب على هذا السؤال

Recommended Posts

Sam Ahw

رابط هذا التعليق

شارك على الشبكات الإجتماعية

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية