尝试访问 zomato 搜索（axios）时收到“请求失败，状态码：404”

Question

我刚开始学习 react-native 并遇到了一个问题。

我的目标是： 1-通过输入关键词使用搜索栏搜索我所在城市的餐馆。 2-我有 API 密钥 3-用过的axios 4- 获取基本 URL

现在，当我在模拟器屏幕上搜索关键字时，它显示错误并且不返回任何结果。

我附上了 2 个屏幕的代码以及模拟器屏幕的屏幕截图。 请帮帮我！

import axios from 'axios';

export default axios.create({
    baseURL:'https://developers.zomato.com/api/v2.1/search',
    headers:{
        Authorization : 'Bearer b7510cd6146de7b9b81e17ddb7e0122b'
    }
});

和搜索屏幕代码

import React, {useState} from 'react';
import {View,Text,StyleSheet} from 'react-native';
import SearchBar from '../components/searchBar';
import zomato from '../api/zomato';

const searchScreen = ()=>{
    const [term,setTerm] = useState('');
    const [results,setResults] = useState([]);
    const searchAPI = async () =>{
      const response = await zomato.get('/',{
        params:{
            count:15,
            q:term,
            entity_id:4
            
        }
      });
      setResults(response.data.restaurants);
    };
    return (
    <View>
        <SearchBar 
        term ={term} 
        onChangeTerm = {setTerm}
        onTermSubmit = {searchAPI}
        />
        <Text>
            Search Screen
        </Text>
        <Text>we found {results.length} results</Text>
    </View>
    );
};

const styles = StyleSheet.create({});

export default searchScreen;

Answer 1

显示错误 404，因为您发送的 URL 无效

在您的 Axios 实例中，您将基本路径设置为

https://developers.zomato.com/api/v2.1/search

当您调用该实例时，您将使用"/search" 附加基本路径，如下所示，

await api.get('/search', { params: { count: 15, q: term, entity_id: 4 } })

现在您的最终到达网址如下所示

https://developers.zomato.com/api/v2.1/search/search?.....

要解决此问题，您可以从 Axios 实例中删除 /search 或调用您的 axios 实例 api.get('/', { params: { count: 15, q: term, entity_id: 4 } })

希望这对您有所帮助。如有疑问，请随意。