Приложение Vue.js запускается на http://localhost:8080, всякий раз, когда я делаю GET-запрос с помощью axios к своему внутреннему API, localhost добавляется к URL

Question

Я установил базовый URL-адрес axios в качестве переменной из моего файла .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:

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

вместо этого:

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

Если я жестко закодирую правильный URL в запросе GET, все работаетхорошо:

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

Есть какие-либо подсказки, почему это происходит? Кроме того, этого не произойдет, если я создаю проект Vue.js, это происходит только во время разработки.

Answer 1

Если это приложение vue-cli, попробуйте установить publicPath или baseUrl в своей среде производства и / или разработки.

https://cli.vuejs.org/config/#publicpath