javascript - 如何修复 429(请求过多)?
问题描述
我正在 React 中创建一个自定义钩子,用于从 GitHub 作业 API 获取作业。但是 CORS 产生了问题。所以我也使用const BASE_URL = 'https://cors-anywhere.herokuapp.com/https://jobs.github.com/positions.json';
This throwing error 429 (Too Many Requests)。我不使用任何后端。这个钩子将在加载应用程序时从 app.js 调用一次。
使用FetchJobs.js
import { useReducer, useEffect } from 'react';
import axios from 'axios';
const ACTIONS = {
MAKE_REQUEST: 'make-request',
GET_DATA: 'get-data',
ERROR: 'error'
}
const BASE_URL = 'https://jobs.github.com/positions.json';
function reducer(state, action) {
switch (action.type) {
case ACTIONS.MAKE_REQUEST:
return { jobs: [], loading: true }
case ACTIONS.GET_DATA:
return { ...state, jobs: action.payload.jobs, loading: false }
case ACTIONS.ERROR:
return { ...state, jobs: [], loading: false , error: action.payload.error }
default:
return state;
}
}
export default function useFetchJobs(params, page) {
const [state, dispatch] = useReducer(reducer, { jobs: [], loading: true });
useEffect(() => {
dispatch({ type: ACTIONS.MAKE_REQUEST });
axios.get(BASE_URL, {
params: { markdown: true, page: page, ...params }
}).then(res => {
dispatch({ type: ACTIONS.GET_DATA, payload: { jobs: res.data }});
}).catch(e => {
dispatch({ type: ACTIONS.ERROR, payload: { error: e }});
})
}, [params, page]);
return state;
};
应用程序.js
import React from 'react';
import useFetchJobs from "./useFetchJobs";
import Container from "react-bootstrap/Container";
const App = () => {
const { jobs, loading, error } = useFetchJobs();
return (
<Container>
{loading && <h1>Loading...</h1>}
{error && <h1>Error. Please try again...</h1>}
<h1>{jobs.length}</h1>
</Container>
);
}
export default App;
解决方案
我已经完成了您的代码所基于的相同教程,并使用local-cors-proxy修复了它。只需按照他们的文档进行操作,您就可以开始了。
使用https://api.allorigins.win/raw?url=也为我工作,但不知何故它坏了ReactMarkdown
,所以工作细节的降价由于某种原因不再被解析。
很多人都在使用 cors-anywhere,这可能就是它一直发送Too many requests
的原因。我想在这种情况下最好依靠自己的代理。
推荐阅读
- shell - 在 if 中执行 grep
- python - Jinja2 自动逃生
- reactjs - React-Native 中的边距无法正常工作
- scheme - 加载 guile-readline 时 GNU Guile 段错误
- php - Can I use the SSH vi code editor with phpseclib?
- php - Creating string with specified length
- html - 为什么边距底部不会增加父元素的大小?
- android - 现有项目中的错误 - XML 文档结构必须在同一实体内开始和结束
- azure-active-directory - 基于组成员身份的 Azure AD 动态组
- python - PyAudio stream.is_active(),它如何知道它是否处于活动状态