Запрос к серверу при помощи axios

Question

Есть абсолютно пустой проект на vue-cli, я пытаюсь понять как с помощью axios сделать запрос к серверу для получения данных. Перерыв несколько десятков сайтов и форумов пришёл к такой схеме:

Подключаю axios в main.js таким образом (на всякий случай предоставлю весь код):

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import VueAxios from 'vue-axios'
import axios from 'axios'

Vue.use(VueAxios, axios)
Vue.config.productionTip = false
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

Теперь в App.vue пытаюсь получить данные с сервера (Сервер запущен локально, для отдачи данных используется Django rest framework). И так, App.vue:

<script>
export default {
  name: 'app',
  components: {
  },
  mounted() {
    this.axios.get('http://127.0.0.1:8000/api/orders/?format=json').then((response) => {
      console.log(response.data)
    })
  }
}
</script>

Я получаю такую ошибку в console log: Access to XMLHttpRequest at 'http://127.0.0.1:8000/api/orders/?format=json' from origin 'http://127.0.0.1:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. В логах django даже нет попытки запроса данных, т.е. запроса к серверу не произошло, но если я пытаюсь получить данные не с локального сервера, а, например, с https://jsonplaceholder.typicode.com/posts, то всё отлично работает, вопрос из-за чего возникает ошибка и как её обойти, я также пробовал запускать сервер на django не на том же ip, а на 192.168.0.79:8000, результат тот же. P.S. Я новичок во vue, можно забрасывать тухлыми помидорами P.P.S. Если нужно больше кода, предоставлю

БЛОГ НА HUSL

Запрос к серверу при помощи axios

Ответы (0 шт):