Ionic: HTTP-запрос работает на сервере, а не на виртуальном устройстве - PullRequest
Новая
       11

Ionic: HTTP-запрос работает на сервере, а не на виртуальном устройстве

0 голосов
/ 06 июля 2018

У меня есть приложение, разработанное в ionci, и серверное приложение, на котором развернуты мои службы.

Звоните моим сервисам, работайте в браузере, а не через эмулятор.

КОД на сервере 

 @SpringBootApplication
 @EnableWebMvc
 public class SpringBootWebApplication extends WebMvcConfigurerAdapter{
     public static void main(String[] args) {
         SpringApplication.run(SpringBootWebApplication.class, args);
     }

     @Override
     public void addCorsMappings(CorsRegistry registry) {
          registry.addMapping("/**")
                 .allowedMethods("GET", "POST");
     }
 }

Мой контроллер 

  @RestController
  @CrossOrigin(origins = "*")
  @RequestMapping("/api")
  public class WordController {
     private WordService wordService;

     @Autowired
     public void setWordService(WordService wordService) {
         this.wordService = wordService;
     }

     @GetMapping("/list-words-by-letter")
     @CrossOrigin(origins = "*")
     public Iterable<Word> getWordsBytLetter(String letter) {
          return wordService.listAllWordsByLetter(letter);
     }
 }

Передний код index.html 

 <!DOCTYPE html>
 <html lang="en" dir="ltr">
 <head>
   <meta charset="UTF-8">
   <title>Ionic App</title>
   <meta name="viewport" content="viewport-fit=cover, width=device-width, 
 initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <meta name="format-detection" content="telephone=no">
   <meta name="msapplication-tap-highlight" content="no">

   <meta http-equiv="Content-Security-Policy" content="default-src *;  img- 
 src * 'self' data: https:; style-src 'self' 'unsafe-inline'; script-src 
 'self' 'unsafe-inline' 'unsafe-eval'">

Мой сервис 

import { Injectable } from '@angular/core';
import {HttpClient, HttpErrorResponse, HttpHeaders} from ' 
@angular/common/http';
 import { Observable } from 'rxjs';
 import { catchError } from 'rxjs/operators';
 import { _throw } from 'rxjs/observable/throw';
 @Injectable()
 export class DictionnaryService {
   public API = 'http://127.0.0.1:8080';

   constructor(public http: HttpClient) {
   }

   getAllWordsByLetter(letter: string): Observable<any> {
     console.log('in getAllWordsByLetter methode service ')
     let url = this.API + '/api/list-words-by-letter?letter='+letter;

   let headers = new HttpHeaders().set("X-CustomHeader", "custom header 
 value")
   .append('Content-Type', 'application/fhir+json')
   .append("'Access-Control-Allow-Origin", "*")
   .append("Accept", "application/fhir+json");
     return this.http.get(url, { headers }).pipe(   
 catchError(this.handleError));
   }

   private handleError(error: HttpErrorResponse) {    
        console.log(    
         `Backend returned code ${error.status}, ` +
         `body was: ${error.error}, ` + `error message : ${error.message}, 
 `);
     return _throw(error.message);
   };
 }

Отображение журнала:

07-06 12: 07: 20.160 25882-25882 / io.ionic.starter I / хром: [INFO: CONSOLE (208)] **** "Backend вернул код 0, тело было: [object ProgressEvent], сообщение об ошибке: Http error response (неизвестный URL): 0 неизвестная ошибка, «****, источник: файл: ///android_asset/www/build/main.js (208) 07-06 12: 07: 20.454 25882-25882 / io.ionic.starter W / art: Попытка удалить локальную ссылку не-JNI, нить дамп

Я думал, что это проблема с корсом. Но я больше не знаю.
Если у кого-то есть идея?

Спасибо заранее.

Ответы [ 2 ]

0 голосов
/ 10 июля 2018

Это проблема доступа между виртуальным устройством и моим локальным хостом.

Чтение этой темы: Как я могу получить доступ к своему локальному хосту с моего устройства Android?

Я изменяю URL API: 

   public API = 'http://127.0.0.1:8080';   =>   public API = 'http://10.0.2.2:8080';

Конечно, есть лучшее решение. вроде использовать прокси я думаю в функции среды.

0 голосов
/ 06 июля 2018

Я не уверен насчет вашей проблемы, но я точно знаю, что вы должны добавить конфигурацию для Access-Control-Allow-Origin на стороне сервера, а не на клиенте.

, поэтому удалите .append ("Access-Control-Allow-Origin", "*") из вашего сервиса и попробуйте найти способ добавить его в код платформы Spring, возможно, в реестре метода addCorsMappings вашего кода. как registry.addMapping("/**") .allowedMethods("GET", "POST") .allowedOrigins("*");

...