要解决 Axios 在前端无法正确显示数据的问题，可以按照以下步骤来进行排查和修复：

1. 确保 Axios 请求正确发送并成功获取到数据。可以使用浏览器的开发者工具或者在控制台中输出 Axios 请求的结果来确认。

2. 确认数据是否正确返回。可以在控制台中输出 Axios 返回的数据，检查数据是否符合预期。

axios.get('/api/data')
  .then(response => {
    console.log(response.data); // 输出返回的数据
  })
  .catch(error => {
    console.error(error);
  });

3. 确认数据是否被正确处理。根据返回的数据格式，使用适当的方法将数据渲染到前端页面中。例如，如果返回的是 JSON 格式的数据，可以使用 response.data 来获取具体的数据字段。

axios.get('/api/data')
  .then(response => {
    const data = response.data;
    // 将数据渲染到页面中
    document.getElementById('data-container').innerText = data;
  })
  .catch(error => {
    console.error(error);
  });

4. 确认数据的显示位置是否正确。在前端页面中添加一个合适的容器元素，通过 ID 或者类名等方式获取该元素，并将数据渲染到该元素中。

axios.get('/api/data')
  .then(response => {
    const data = response.data;
    // 将数据渲染到页面中
    document.getElementById('data-container').innerText = data;
  })
  .catch(error => {
    console.error(error);
  });

通过以上步骤，你可以逐步排查和修复 Axios 在前端无法正确显示数据的问题。