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.
0 komentar:
Posting Komentar