Bagaimana untuk menggunakan pembolehubah persekitaran untuk melaksanakan fungsi dalam projek React?
P粉268284930
P粉268284930 2023-09-16 13:18:15
0
1
925

Saya cuba menyimpan kunci API saya sebagai pembolehubah persekitaran tetapi saya tidak tahu cara mengaksesnya... Saya memasang dotenv menggunakan npm, mencipta fail dalam direktori root dan meletakkan kunci di sana. Saya cuba mengaksesnya dalam fail js dengan menggunakan process.env.API_KEY tetapi ia menunjukkan bahawa pembolehubah tidak ditentukan.

Saya cuba meletakkan require('dotenv').config() di bahagian atas fail di mana saya memerlukan kunci, tetapi ia memberi saya ralat...

ERROR in ./node_modules/dotenv/lib/main.js 2:13-28
Module not found: Error: Can't resolve 'path' in ...

Saya rasa saya mungkin telah memasukkannya ke dalam fail yang salah atau saya kehilangan sesuatu

P粉268284930
P粉268284930

membalas semua(1)
P粉014293738

Sebagai ringkasan:

Untuk membaca pembolehubah API_KEY dalam lapisan React anda, anda perlu mengeksport pembolehubah REACT_APP_API_KEY sebelum membina, kemudian dalam mana-mana bahagian React anda boleh mendapatkan nilai melalui:

process.env.REACT_APP_API_KEY

Lihat pautan untuk melihat sebab awalan REACT_APP_ diperlukan.

Selain itu, jika token anda ialah token yang tahan lama atau tidak boleh luput, ia tidak sepatutnya didedahkan kepada bahagian hadapan (React). Hanya token boleh luput (Kebenaran kod oauth2 ) harus didedahkan kepada lapisan hujung hadapan.

Lihat sumber untuk mengetahui cara mengendalikan pembolehubah bahagian hadapan

Rujukan

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan