我正在制作一個網絡應用程序來獲取最新的新聞更新,但在部署它后遇到問題。該應用程序在本地主機上完美運行并從 newsapi 獲取所有數據,但是當我將其部署在 firebase 或 github 上時,axios 無法獲取 api 或將其顯示在屏幕上。這是我的 github 存儲庫的鏈接。import React, {useState, useEffect } from "react";import NewsArt from "../NewsArt";import axios from "axios";function AllNews(props) { const [data, setData] = useState({ articles: [] }); useEffect(() => { const fetchData = async () => { const result = await axios( 'https://newsapi.org/v2/top-headlines?country=us&apiKey=09a334ba3fbe41acaff79515476dc4cc', ); setData(result.data); }; fetchData(); }, []); return ( <div> <ul> {data.articles.map(item => ( <NewsArt title= {item.title} urlToImage = {item.urlToImage} description = {item.description} url = {item.url} publishedAt = {item.publishedAt} author = {item.author} /> ))} </ul> </div> );}export default AllNews;mgur.com/vltyv.png
在 firebase 上部署 React 應用程序后,Axios 無法獲取 API 數據
慕哥6287543
2023-09-28 17:37:37