Blog tentang perjalanan karir, bisnis dan pergulatan batin

Rabu, 25 Mei 2022

Flutter Web Error saat akses http Ada xmlhttprequest error

flutter web error xmlhttprequest error





Saya sedang develop sebuah mobile app menggunakan framework flutter. karena emulator saya lemot sekali saat buka emulatornya lalu saya develop mobile app dan simulatornya menggunakan chrome atau browser.  code editor yang saya pakai adalah visual studio code namun kalau anda menggunakan android studio hal ini juga bisa diterapkan .

Untuk masalah akses error rest api yang gagal padahal di test method get menggunakan postman lancar. Hal ini terjadi karena terhalang cors security, browser atau chrome akan menghalangi rest api yang dianggap tidak aman.. untuk melihatnya silahkan mas hasan klik kanan inspect lalu masuk console akan muncul pesan error dan alasannya

Jika kita test ambil data via mobile app, emulator android pasti aman karena tidak ada larangan CORS(Cross-Origin Resource Sharing).

1. Lalu solusinya adalah kita matikan CORS security di chrome nya dengan cara edit file chrome.dart di folder lokasi flutter anda flutter\packages\flutter_tools\lib\src\web
tambahkan '--disable-web-security', di bawah  '--no-default-browser-check',

2. Cari folder installan flutter lagi ke  flutter\bin\cache dan hapus  flutter_tools.stamp (nanti cache yang akan dibuat lagi dan dibikin ulang saat kita run chrome

3. Masuk ke vscode lagi ketik di terminal flutter run -d chrome 

point utama nya karena cors security menghalangi proses akses an ke http di flutter web..kalau run di emulator dan android pasti lancar.
Share:

0 komentar:

Posting Komentar

Talk ?

galen.nolan1@gmail.comn> .

Dipersembahkan oleh

Labels

Blog Archive