尝试访问zomato search (axios)时出现“请求失败，状态代码:404”

当您在使用 Axios 进行 HTTP 请求时遇到“请求失败，状态代码:404”错误，这通常意味着客户端能够与服务器通信，但服务器无法找到请求的资源。以下是关于这个问题的基础概念、可能的原因以及解决方案。

基础概念

HTTP 404 错误：这是一个标准的 HTTP 响应状态码，表示服务器无法找到请求的资源。
Axios：一个基于 Promise 的 HTTP 客户端，用于浏览器和 node.js。

可能的原因

URL 错误：请求的 URL 可能不正确或拼写错误。
资源不存在：服务器上确实不存在请求的资源。
路由问题：如果是在开发环境中，可能是前端路由配置不正确。
服务器配置问题：服务器可能没有正确配置来处理特定的请求路径。

解决方案

检查 URL

确保您请求的 URL 是正确的，并且与服务器端的资源路径相匹配。

axios.get('https://www.zomato.com/search')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error('请求失败:', error);
  });

验证资源存在

确认您尝试访问的资源在服务器上是存在的。

检查前端路由

如果您在使用前端路由（如 React Router 或 Vue Router），确保路由配置正确无误。

服务器端检查

如果是服务器端的问题，检查服务器的路由配置和静态资源路径设置。

示例代码

以下是一个简单的 Axios 请求示例，用于检查 Zomato 的搜索 API：

const axios = require('axios');

axios.get('https://www.zomato.com/search', {
  params: {
    q: 'pizza'
  }
})
.then(response => {
  console.log('成功:', response.data);
})
.catch(error => {
  if (error.response) {
    // 请求已发出，但服务器响应的状态码不在 2xx 范围内
    console.log(error.response.data);
    console.log(error.response.status);
    console.log(error.response.headers);
  } else if (error.request) {
    // 请求已发出，但没有收到响应
    console.log(error.request);
  } else {
    // 在设置请求时发生了一些事情，触发了错误
    console.log('Error', error.message);
  }
  console.log(error.config);
});