Я создал простой внутренний API-интерфейс (с помощью rails) и хочу интегрировать его в мой интерфейс (используя nuxt и axios в vue.js)
В моем интерфейсном кодеэто что-то вроде
async fetchArticles() {
const response = await this.$axios.$get('http://localhost:3001/api/v1/articles');
console.log(response);
return response;
}
, и я использую серверную часть как это (с сериализатором json в рельсах):
class Api::V1::ArticlesController < ApplicationController
before_action :set_article, only: [:show, :update, :destroy]
# GET /articles
def index
@articles = Article.all
render json: @articles
end
end
, когда я пытаюсь работать в почтальоне, ябыл в состоянии доставить JSON-файл, подобный этому

, но консоль, похоже, ничего не печатает.Однако, если я нажму API из другого открытого API-источника, ответ API появится в моей консоли
Я подозреваю, что с кодом rails что-то не так, но я не знаю, что это такое.Может кто-нибудь мне помочь?Спасибо
ОБНОВЛЕНО
Кажется, у меня возникла проблема при настройке axios.Теперь в консоли отображается сообщение об ошибке:

Как ее решить?