rails-vuejs（axios）-无法将localhost的JSON响应打印到控制台

Question

我创建了一个简单的后端API（使用rails），并且想要将其集成到我的前端（在vue.js中使用nuxt和axios）

在我的前端，代码是这样的

async fetchArticles() {
		const response = await  this.$axios.$get('http://localhost:3001/api/v1/articles');
                console.log(response);
		return response;
	}

我使用这样的后端（在rails中有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时似乎出现了问题。现在，它在这样的控制台中显示错误报告

如何解决？