我在本地有一个data.js文件，我想在控制台中显示我的数据。我尝试了fetch，但没有得到任何数据。这是我的data.js文件。

var TABLE_DATA = [
  {
    id: "5",
    name: "cony #5",
    thumbnailUrl: "image/5.gif",
    price: 170
  },
  {
    id: "1",
    name: "cony #1",
    thumbnailUrl: "image/1.gif",
    price: 170
  },
  {
    id: "2",
    name: "cony #2",
    thumbnailUrl: "image/2.gif",
    price: 270
  },
  {
    id: "8",
    name: "cony #8",
    thumbnailUrl: "image/8.gif",
    price: 70
  },
  ]

字符串
我尝试了下面的代码，但没有工作。

window.addEventListener("load", getTableData);

function getTableData() {
  fetch("json/data.js")
  .then(res => {
    console.log(res);
  });
}

型
然后我尝试了Axios。使用axios数据显示，但它显示的是带有变量名称的完整数据。

window.addEventListener("load", getTableData);

function getTableData() {
  axios.get("json/data.js")
  .then(res => {
    console.log(res.data);
  });
}

型
下面的片段是控制台中显示的数据。

var TABLE_DATA = [
  {
    id: "5",
    name: "cony #5",
    thumbnailUrl: "image/5.gif",
    price: 170
  },
  {
    id: "1",
    name: "cony #1",
    thumbnailUrl: "image/1.gif",
    price: 170
  },
  {
    id: "2",
    name: "cony #2",
    thumbnailUrl: "image/2.gif",
    price: 270
  },
  {
    id: "8",
    name: "cony #8",
    thumbnailUrl: "image/8.gif",
    price: 70
  },
  ]

型

现在，我如何使用axios或不使用axios获取数据？
data.js文件https://api-learning.netlify.com/json/data.js
这是我在浏览器中的演示，请检查控制台https://api-learning.netlify.com/