使用axios执行GET请求和显示XML数据时出现问题

Question

我正在尝试使用axios对XML数据执行GET请求。我试图玩弄不同的东西，并通过移动东西来游玩，所以我想请另一只眼睛。这是我的代码：

getListItems.js：

loadJSON() {
      axios.get([stuff].siteAbsoluteUrl + "/_api/web/lists/getbytitle('[redacted]')/items?$top=1000&$select=ResourceType", {
                method: "GET",
                credentials: "include",
                mode: "no-cors",
                headers: {
                    "Accept": "application/json; odata=verbose"
                }           
            })
        .then(axios.spread((resources) => {
                resources = resources.data.d;
            }));
    }

我非常确定此处（在loadJSON()下面）可以将.js文件与index.html链接起来，但是我不确定(document.querySelector(#middle-id)是什么。我在网上查询的信息在axios.get语法上似乎很清楚，但是在实际渲染上却含糊不清。

index.html：

<script type="text/javascript" src="scripts/getListItems.js"></script>

</head>

    <div class="col-md-3" id="middle-id">         
       <h3>All Documents</h3>        
    </div>

</body>

<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.17.0/axios.js"></script>

最后，在我的控制台中，我收到一条消息，提示Expected ';'关于以下行：loadJSON() {。我在该代码块的末尾添加了;，但无济于事。