Postingan lainnya
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Handle cors di production menggunakan vuejs
halo, saya mau menanyakan mengenai handle CORS di VueJS. Jadi sebenarnya saya sudah bisa handle CORS tersebut saat development, tapi saat production gagal.
Untuk APInya tersebut RSS, dan saya ditugaskan untuk menampilkan list konten dari API tersebut.
Saya sudah menggunakan environment variables, tapi masih gagal.
Yang mau saya tanyakan, apakah ada yang perlu ditambahkan saat productionnya? atau saya ada kesalahan saat GET datanya?
Kurang lebih seperti ini saat Production dan GET datanya: 1. https://domain.com/feed => saya mendapatkan RSS dari sini (saat development berhasil ditampilkan)
2. https://subdomain.domain.com/ => untuk productionnya, di deploy ke sini (disini kena CORS Policy)
1 Jawaban:
<div>Udah nyoba pake proxy?<br>Misalnya https://subdomain.domain.com adalah app vuejs (front-end) nya, dan https://domain.com/feed adalah api (backend) nya. Dengan menggunakan proxy, seolah-olah request dari frontend akan berasal dari frontend itu sendiri jadi frontend akan mengakses backend sehinggal request tidak langsung ke backend nya, bentuk requestnya jadi seperti ini :<br><br>https://subdomain.domain.com/api/feed<br><br>"/api/feed" adalah hasil proxy. Dengan "/api" sebagai root endpointnya, anggapannya ketika di app frontend mengakses https://subdomain.domain.com/api, secara tidak langsung itu adalah request ke https://domain.com/feed.</div>