表格内容为后端加载的 在页面加载事件的时候，通过axios想后端发送一个get请求，拿到请求的数据

当你想要在网页加载完成后，利用Axios库向后端发起GET请求并获取数据，通常会在JavaScript的`DOMContentLoaded`事件回调函数中完成这样的操作。以下是一个简单的步骤说明：

1. 首先，你需要在HTML文件中引入Axios的CDN或者将它作为项目依赖安装：

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

或者如果你使用的是npm包：

import axios from 'axios';

2. 在`DOMContentLoaded`事件处理程序中，你可以创建一个函数来发送GET请求：

window.addEventListener('DOMContentLoaded', function () {
    axios.get('/your-endpoint-url') // 替换为你的实际后端API URL
        .then(response => {
            // 处理返回的数据
            console.log(response.data);
            // 将数据渲染到页面上
            displayData(response.data);
        })
        .catch(error => {
            console.error('Error fetching data:', error);
        });
});

这里，`response.data`就是从后端返回的数据，你可以进一步解析和处理。

3. `displayData`是你自定义的一个函数，用于显示或更新页面上的表格内容：

function displayData(data) {
    const table = document.getElementById('your-table-id'); // 替换为你的表格ID
    // 现在根据data填充表格
    for (let item of data) {
        let row = `<tr>${Object.values(item).map(val => `<td>${val}</td>`).join('')}</tr>`;
        table.innerHTML += row;
    }
}