使用axios组件后在浏览器控制台输出的情况不同

package com.imooc.ajax.servlet;

import com.fasterxml.jackson.databind.ObjectMapper;
import com.imooc.ajax.servlet.entity.News;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;

@WebServlet("/news")
public class NewsServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        List<News> list = new ArrayList<>();
        list.add(new News("TIOBE:2018年编程语言排行趋势","2018-5-1","TOBIE","..."));
        list.add(new News("TIOBE:2019年编程语言排行趋势","2019-5-1","TOBIE","..."));
        list.add(new News("TIOBE:2020年编程语言排行趋势","2020-5-1","TOBIE","..."));
        list.add(new News("TIOBE:2021年编程语言排行趋势","2021-5-1","TOBIE","..."));
        ObjectMapper objectMapper = new ObjectMapper();
        String json = objectMapper.writeValueAsString(list);
        response.setContentType("text/json;charset=utf-8");
        response.getWriter().println(json);
    }
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/js/axios.js"></script>
</head>
<body>
<div id="container"></div>
<script>
  // 空的Json对象可用空的{}表示，
  axios.get("/news",{}).then(function(response){
      console.log(response);
  }).catch(function (error){
      console.log(error);
  });
</script>
</body>
</html>

下图根据以上代码运行Tomcat之后在浏览器控制台生成的数据的截图