Кроссдоменные запросы в Vue.js?

Question

[massef]

Привет. В целях изучения vue пытаюсь послать запрос на внешний API с локального хоста.
Консоль ругается на заголовок Access-Control-Allow-Origin
Что и где необходимо прописать?

Пробовал перед урлом запроса вставить https://cors-anywhere.herokuapp.com/, то есть полный запрос был вида
https://cors-anywhere.herokuapp.com/https://domain...
так работает, но с большой задержкой ну и не вариант так оставлять.

main.js

import Vue from 'vue'
import App from './App'
import router from './router'
import VueResource from "vue-resource"

Vue.use(VueResource)
Vue.config.productionTip = false;

new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

component.vue

export default {
    name: 'TestPage',
    data: () => ({
        users: [],
        error: []
    }),
    created: function () {
      let _this = this;

      this.$http.get('https://domain.com/api/').then(response => {
        console.log(response);
      }, response => {
        // error callback
      });

    },
    components: {
        MainLayout,
        Post
    }
  }

Comments

[Сергей delphinpro]

Вопрос не имеет никакого отношения к Vue, зачем здесь этот тег?

Answer 1

[Александр]

На бекенде можно прописать что то вроде этого

header("Access-Control-Allow-Origin: http://localhost:8080");
header("Access-Control-Allow-Methods: POST,GET");
header("Access-Control-Allow-Headers: *");

Answer 2

[Roman K]

Бэкенд, на который ты шлёшь запросы, должен тебе разрешить кросс-доменные запросы. Такая политика безопасности браузеров, из-за чего и существуют всякие костыли JSONP

Гуглишь "CORS headers " — настраиваешь — готово.

Comments

[massef]

Roman Kitaev Сервер не мой, повлиять не могу. Допустим разрешение есть. Может ли эта ошибка возникать если посылаешь с localhost:8080?

[Roman K]

massef, Если сервер не твой, то и нечего на него своих клиентов посылать.

Варианта решения тут два (три*):
1. Разрешать CORS на бэкенде твоему домену(ам)
2. Проксировать ответы через твой бэкенд
3*. Использовать JSONP

* Если не-твой-сервер это умеет