Как увидеть точный немаскированный запрос в vue.js в среде prod?

Question

У меня есть rest-api, работающий на mysite.com:8084.Когда я отправляю запрос, используя axios в Vue.js, я постоянно получаю ошибку HTTP 404.С моим локальным хостом проблем нет.

Когда я проверяю свой prod.env.js, все выглядит нормально.Когда я пытаюсь получить доступ к API из моего браузера (mysite.com:8084/metadata/countries), это тоже нормально.

Вот мой prod.env.js:

module.exports = {
  NODE_ENV: '"production"',
  ENV_CONFIG: '"prod"',
  BASE_API: '"mysite.com:8084"' (with http:// prefix)
}

И это мои настройки dev:

    proxyTable: {
      '/api': {
        target: '://localhost:8084', (with http prefix)
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }

  const req1 = {
    url: '/api/metadata/countries',
    method: 'GET'
  }
  const req2 = {
    url: '/metadata/countries',
    method: 'GET'
  }

  console.log('URL is ' + axios.defaults.baseURL)
  // this line prints: "URL is ://mysite.com:8084" (with http prefix)

  console.log('query for req1')
  axios(req1)
    .then(response => {
      console.log('req1: is OK')
      console.log(response)
    })
    .catch(err => console.log('req1: error' + err))

  console.log('query for req2')
  axios(req2)
    .then(response => {
      console.log('req2: is OK')
      console.log(response)
    })
    .catch(err => console.log('req2: error' + err))

Я получаю ошибку HTTP 404 от сервиса как с req1, так и с req2.

Есть ли способ увидеть точный адрес конечной точки, который получает 404?

Так что любая помощь будет очень признательна.

Спасибо ...