как преодолеть ошибку CORS в сборке IONIC Vue 3 для Android?

#android #ionic-framework #cors #vuejs3

#Android #ionic-framework #cors #vuejs3

Вопрос:

Я использую rest api, который разрешил CORS для локального хостинга. Когда я использую веб-версию приложения ionic, я получаю ответы от сервера, как и ожидалось. Но когда дело доходит до эмулятора Android, он выдает мне следующую ошибку: мой Api разрешает только либо с локального хоста, либо с моего домена. как преодолеть эту проблему?

 **Msg: Failed to load https://myapi.com/GetAllUsersList: Response to preflight request doesn't pass access control check: The 'Access-Control-Allow-Origin' header contains multiple values 'http://localhost, *', but only one is allowed. Origin 'http://localhost' is therefore not allowed access.**
  

Ответ №1:

Отвечая на мой собственный вопрос!! мы можем изменить URL, который использует конденсатор, что изменит происхождение. мы можем отредактировать capasitor.config.json со следующими свойствами

 "server": {
    "hostname": "mydomain.com", //in my case this is localhost
    "androidScheme": "https"
}
  

Ответ №2:

Пожалуйста, используйте плагин HTTTP для вашего приложения, проверьте ссылку ниже

 https://ionicframework.com/docs/native/http