При сборке vue проекта ругается на axios запрос?

Question

[Александр]

Здравствуйте! Собрал проект vue, запустил web-сервер в Django и у меня отобразился мой проект. Маршруты работают нормально, компоненты отображаются корректно, но с axios проблема. В main.js (до сборки проекта) написал:

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import Vuetify from 'vuetify'

import 'vuetify/dist/vuetify.min.css'

Vue.config.productionTip = false

import axios from "axios"

Vue.use(axios) 
Vue.use(Vuetify)

new Vue({
  router,
  store
})

На главном компоненте пишу:

get() {
      axios
      .get('127.0.0.1:8000/api/company/1/')
      .then(response => (
        this.test = response
        )
      );
    }

Далее я кликаю на кнопку ( в уже собранном проекте, запущенном на web-сервере Django) и вызываю метод "get" . Хочу получить определенную информацию с url, но у меня вылезает ошибка:

xhr.js:45 Uncaught (in promise) DOMException: Failed to execute 'open' on 'XMLHttpRequest': Invalid URL
at 127.0.0.1:8000/_storage/dist/_storage/dist/js/chun...
at new Promise ()
at t.exports (127.0.0.1:8000/_storage/dist/_storage/dist/js/chun...
at t.exports (127.0.0.1:8000/_storage/dist/_storage/dist/js/chun...

В чем может быть ошибка?

Comments

[alex]

http://127.0.0.1:8000/api/company/1/

[Александр]

Alex, невнимательный дурак я.. Спасибо.

Answer 1

[Павел]

URL поменяите

"127.0.0.1:8000/api/company/1/" => "http://127.0.0.1:8000/api/company/1/"