React应用中的Axios错误,在使用Axios时在Banner.js中遇到错误

发布于 2025-02-10 16:37:56 字数 1385 浏览 1 评论 0原文

axioserror  {消息:'请求失败,命名404',名称:'axioSerror',代码:'err_bad_request',config:{…},请求:xmlhtttprequest,xmlhttprequest

, /tv?api_key = 500179A347E1027821840C9690D80634& with_networks = 213 404(找不到)

banner.js

import axios from 'axios';


function Banner(props) {
const [movie,setMovie] = useState([])

useEffect(() => {
   async function fetchData(){
     const request = await axios.get(props.url);
     
    setMovie(
     request.data.results[
       Math.floor(Math.random() * request.data.results.length - 1)
     ]
    )
    return request;
   }
   fetchData();
 }, [])


console.log(movie)


   return (
     <header>

     </header>
   );
}

export default Banner;

axios.js

import axios from "axios" ; 

const instance = axios.create({
    baseURL: 'https://api.themoviedb.org/3',
})

export default  instance ;

app.js

import React from "react"
import './App.css';
import Row from "./Row";
import requests from "./requests";
import Banner from './Banner';
import Nav from './Nav';

function App() {
  return (
    <div className="App">
      <Nav/>
      <Banner url = {requests.fetchNetflixOriginals}/>
      <Row 
      title = "Netfilx Originals" 
      url = {requests.fetchNetflixOriginals}
      isLargeRow 

      />

AxiosError {message: 'Request failed with status code 404', name: 'AxiosError', code: 'ERR_BAD_REQUEST', config: {…}, request: XMLHttpRequest, …}

GET http://localhost:3000/discover/tv?api_key=500179a347e1027821840c9690d80634&with_networks=213 404 (Not Found)

Banner.js

import axios from 'axios';


function Banner(props) {
const [movie,setMovie] = useState([])

useEffect(() => {
   async function fetchData(){
     const request = await axios.get(props.url);
     
    setMovie(
     request.data.results[
       Math.floor(Math.random() * request.data.results.length - 1)
     ]
    )
    return request;
   }
   fetchData();
 }, [])


console.log(movie)


   return (
     <header>

     </header>
   );
}

export default Banner;

axios.js

import axios from "axios" ; 

const instance = axios.create({
    baseURL: 'https://api.themoviedb.org/3',
})

export default  instance ;

App.js

import React from "react"
import './App.css';
import Row from "./Row";
import requests from "./requests";
import Banner from './Banner';
import Nav from './Nav';

function App() {
  return (
    <div className="App">
      <Nav/>
      <Banner url = {requests.fetchNetflixOriginals}/>
      <Row 
      title = "Netfilx Originals" 
      url = {requests.fetchNetflixOriginals}
      isLargeRow 

      />

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文