Как правильно сделать аякс запрос в Vuejs2?

Question

[Дилик Пулатов]

Здравствуйте!
помогите, в Вю как правильно сделать аякс запрос?
а я сделал так
написал такой метод и он вызывается при клике

getContent(){
  this.$http.get('http://user.loc/users')
  .then(res => {
    console.log(res.data);
  });
}

user.loc/users - здесь вернёт данные в формате json и работает в Yii2 REST API
но на счёте такая ошибка просто



пробовал jQuery.ajax но такая же ошибка...и пробовал просто получить данные в формате жсон из простого php файла но не работает
в чём ошибка? я в Вю ещё новичок..если не сложно объясните почему и где я написал нето...или пример покажите

Answer 1

[EverOne]

Cервер должен добавить специальный заголовок: Access-Control-Allow-Origin: *
Вместо звездочки сервер может указать конкретный домен, которому разрешено получить ответ.

Answer 2

[Eugene Mosyukov]

Вы делаете кросс-доменный запрос (что запрещено), о вариантах решения можете почитать, например, тут: https://learn.javascript.ru/xhr-crossdomain