Cara akses process.env variables di component nuxt | How access process.env variables in component nuxt

Continuous integration (CI) adalah pengintegrasian kode ke dalam repositori kode kemudian menjalankan pengujian secara otomatis, cepat, dan sering. Kamu dapat melakukan CI ini dengan menggunakan perintah commit. Sementara continous delivery atau continuous deployment (CD) adalah praktik yang dilakukan setelah proses CI selesai dan seluruh kode berhasil terintegrasi, sehingga aplikasi bisa dibangun lalu dirilis secara otomatis.

Dalam proses pengembangan aplikasi modern saat ini menjadi mudah karena sudah banyak panduan dan framework. Dan dalam pengembangan aplikasi ada istilah production dan development.

Agar pengembangan aplikasi lebih mudah dalam pengujian sebelum masuk di production di butuhkan environment yang berbeda antara production dan development sehingga saat aplikasi sudah masuk production saat di lakukan pengembangan lagi tidak mengganggu production .

Kasus

Melakukan akses process.env pada nuxt.js di dalam component.

Nuxt >= 2.13

Kamu bisa akses runtime config seperti di bawah ini :

nuxt.config

export default {
  publicRuntimeConfig: {
    message: process.env.hey || 'hello world!',
  },
};

template.vue

<template>
  <div>{{ $config.message }}</div>
</template>

Semoga bermanfaat