VUE 프로젝트는 사용자를 조회하는 방법 JSONP에 위치 + VUE에 액세스 할 수

수요가 사용자가 회사의 웹 사이트에 액세스 할 때, 당신은 사용자의 지리적 위치에서 찾을 수 필요, 즉이 (컴퓨터의 IP를 통해 액세스)

시도 이렇게 많은 방법, 나는 최고의 위치 서비스 API의 텐센트 사용을 느끼고, 가장 완벽한 정보는 위도와 경도, 사용 시간, 국가와 도시 지역을 포함하여 돌아왔다. 다른 동안 피드백의 대부분은 단지 도시 이름입니다.

그런 다음에 대해 말할 사용자가 액세스 지리 정보를 얻기 위해 텐센트의 위치 서비스를 사용하는 방법 :

　　첫째, 최초의 https://lbs.qq.com/console/setting.html 이 페이지는, 자신의 키를 적용, 그 키는이 키를 사용하면 위치 서비스 API를 사용하여받을 수 있습니다.;

　　둘째, 응용 프로그램, 다음은 찾을 공식 웹 사이트에서 키를 설정　　"제품을 사용 - -"공인 IP 내용 입력 0.0.0.0-255.255.25.255을 선택 WebServiceAPI 키 관리를

　　다음 도메인 간 접근 방식을 해결하기 위해 텐센트를 라인을 사용하지만 인터페이스는 크로스 도메인이며, 페이지와 셋째, JSONP는, 네이티브 경우, 우리는 JQ가 JSONP 직접 크로스 도메인이 될 수 있습니다,

그러나 Axios의는 오랜 시간 동안 온라인으로 확인 JSONP 크로스 도메인 수 없습니다 만 특히 JSONP 해결 크로스 도메인에 대한 VUE의 VUE - JSONP에 의존 있다는 것을 발견

　　다음 JSONP는에 텐센트 API 액세스에 대한 위치 정보를 사용하는 방법에 대해 말한다 :

 

　　1. 설치 의존 VUE - JSONP 다운로드

CNPM I -S 뷰 JSONP

　　main.js 2. 가져 오기 VUE - JSONP

'시력 JSONP'에서 가져 오기 VueJsonp 
Vue.use (VueJsonp)

　　3. 요청 인터페이스, 데이터 수집

　　　　{()가 생성
             var에 데이터 = { 
                키 : "WDTBZ-EOPRG-5ONQY-IDVMO-NXIIK-C4B7A"키 // 이것은 당신이 키를 요청 
            }; 
            var에 URL = "https://apis.map.qq.com / WS / 위치 / V1 / IP " ; //이는 지리 정보의 인터페이스입니다 
            data.output ="JSONP " ;
             은이 . $ JSONP (URL, 데이터) 
                그 때는 (RES => { 
                  을 console.log (RES) 
                } ) 
                . 캐치 (에러 => { 
                    CONSOLE.LOG (에러) 
                }) 
        },


　　　　RES는 // : {상태 : 0, 메시지 : "쿼리 확인"결과 : {...}} 
　　　　//에서 결과. 그것은 다양한 정보입니다. 이러한 위도와 경도, 국가, 지역, 등

확인 완료!