javascript - vue 프로젝트는 운영 및 유지관리 담당자가 패키징 후 백그라운드 서비스 주소를 수정할 수 있도록 ajax 동기화 요청을 사용하는데 크롬에서 경고가 떴습니다⚠️

Question

1. vue 프로젝트에서는 패키징 후 운영 및 유지관리 담당자가 백그라운드 서비스 주소를 수정하기 위해 ajax 동기화 요청을 사용하는데 크롬에서 경고가 떴습니다⚠️

1. 내 프로젝트의 루트 디렉터리를 요청한 후 해당 주소로 연결할 수 있습니다.

   let baseUrl
   import { Ajax } from './comComponents/commonjs/ajax.js'
   Ajax.get('./static/baseApi.json', function (res) {
   let jsonRes = JSON.parse(res)
   console.log('요청된 콘텐츠:', jsonRes.baseUrl)
   baseUrl = jsonRes.baseUrl
   tempstaticUrl = jsonRes.staticUrl
   tempmodelLoadedUrl = jsonRes.modelLoadedUrl
   })
   // let baseUrl = '/CpyService'
   console. ('현재 접근 중인 백그라운드 주소는:', baseUrl)
   기본값 내보내기 {
   authCode: baseUrl + '/AuthImageCode/authCode'
   }

   1. 그러나 Chrome 콘솔에는 다음과 같은 경고가 표시됩니다.
      ajax.js?4a26:6 [지원 중단] 기본 스레드의 동기식 XMLHttpRequest는 최종 사용자 경험에 해로운 영향을 미치기 때문에 더 이상 사용되지 않습니다. 자세한 내용은 https를 확인하세요. // xhr.spec.whatwg.org/.

Answer 1

이 경고는 async=false로 ajax를 사용하고 있음을 의미합니다. 이는 패키징이나 다른 어떤 것과도 관련이 없습니다

Answer 2

jsonp 사용을 고려하시나요? 스크립트 태그를 사용하여 소개된 데이터,