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)

avatar sahidprasetyo
@sahidprasetyo

5 Kontribusi 1 Poin

Diperbarui 2 tahun yang lalu

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>

avatar mudziahutama
@mudziahutama

18 Kontribusi 4 Poin

Dipost 2 tahun yang lalu

Login untuk ikut Jawaban