React应用中的Axios错误,在使用Axios时在Banner.js中遇到错误
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 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论