Akses pembolehubah persekitaran YAML dalam aplikasi React

Question

Saya sedang membangunkan aplikasi React yang akan digunakan dalam 3 persekitaran. Pembangunan/QA dan Produk.

Pasukan Devops memberikan saya fail YAML yang mengandungi pembolehubah persekitaran dan meminta kami menggunakan pembolehubah ini dalam aplikasi kami.

Contoh YAML -

---
    apiVersion: apps/v1
      label:
        aplikasi: kubesphere
        komponen: ui-dev
        peringkat: bahagian hadapan
      nama: ui-dev
      ruang nama: Projek Ujian
    spesifikasi:
        matchLabels:
          aplikasi: kubesphere
          komponen: ui-dev
          peringkat: bahagian hadapan
      templat:
        metadata:
          label:
            aplikasi: kubesphere
            komponen: ui-dev
            peringkat: bahagian hadapan
        spesifikasi:
          bekas:
            -env:
                - nama: BACKEND_URL
                  nilai: http://192.40.84.98:5656
              imej: $REGISTRY/$HARBOR_NAMESPACE/$APP_NAME:$IMAGE_VERSION-$BUILD_NUMBER
              imagePullPolicy: Sentiasa

Pembolehubah yang mesti kita akses ialah BACKEND_URL.

Saya menggunakannya dalam apl kami sebagai - process.env.BACKEND_URL tetapi ia tidak berfungsi.

Adakah saya terlepas apa-apa? Mohon tunjuk ajar.

Answer 1

Anda tidak boleh mengakses dari sisi pelanggan JavaScript (pelayar) process.env Dalam kes ini ia adalah Reaktif. Oleh itu, walaupun bekas mempunyai pembolehubah persekitaran itu, JavaScript tidak boleh mengaksesnya.

Cara React menggunakan pembolehubah env ialah React membacanya daripada fail .env dan kemudian dalam binaan React mengambil pembolehubah ini dan mengekalkannya sebagai kod JavaScript.

Dalam kes anda, imej (apl bertindak balas) sudah dibina jadi ia tidak boleh Akses pembolehubah persekitaran tersebut dalam bekas..