Vue.js 앱은 http://localhost:8080에서 실행되며, 백엔드 API에 악시를 사용하여 GET 요청을 할 때마다 로컬 호스트가 URL 앞에 추가됩니다.

Vue.js 앱은 http://localhost:8080에서 실행되며, 백엔드 API에 악시를 사용하여 GET 요청을 할 때마다 로컬 호스트가 URL 앞에 추가됩니다.

악시의 기본 URL을 다음과 같이 .env 파일에서 변수로 설정했습니다.

axios.defaults.baseURL = process.env.VUE_APP_SERVER_API

그리고 이거는.env변수VUE_APP_SERVER_API="http://lolapi.example.com/api"

다음과 같이 GET 요청을 할 때마다:

axios.get('/' + action + 'Summoner/' + trimmedSummoner)

요청이 잘못된 URL로 전송됩니다.다음 URL에서 GET을 시도합니다.

http://localhost:8080/summoner/lolapi.example.com/api/getSummoner/TheOnyxKing

이것 대신:

http://lolapi.example.com/api/getSummoner/TheOnyxKing

GET 요청에서 올바른 URL을 하드코드하면 모든 것이 정상적으로 동작합니다.

axios.get('http://lolapi.kabzamalov.com/api/getSummoner/TheOnyxKing')

왜 이런 일이 벌어지는지 단서가 있나요?또한 Vue.js 프로젝트를 빌드할 경우 이 작업은 수행되지 않으며 개발 중에만 수행됩니다.

이 경우vue-cli앱, 설정해 보세요.publicPath또는baseUrl운영 및/또는 개발 환경에서 사용할 수 있습니다.

https://cli.vuejs.org/config/ # public path

언급URL : https://stackoverflow.com/questions/58373473/vue-js-app-is-run-on-http-localhost8080-whenever-i-make-a-get-request-using