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

Здравствуйте! Собрал проект 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...

В чем может быть ошибка?
  • Вопрос задан
  • 363 просмотра
Решения вопроса 1
@yapaha
Разработчик
URL поменяите
"127.0.0.1:8000/api/company/1/" => "http://127.0.0.1:8000/api/company/1/"
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы