CORS 策略已阻止从源“http://localhost:3000”访问...的 XMLHttpRequest答案

【问题标题】：Access to XMLHttpRequest at ... from origin 'http://localhost:3000' has been blocked by CORS policyCORS 策略已阻止从源“http://localhost:3000”访问...的 XMLHttpRequest
【发布时间】：2021-05-15 01:34:16
【问题描述】：

private processFormSubmission = async (e: React.FormEvent<HTMLFormElement>): Promise<void> => {
        e.preventDefault();
        this.setState({ loading: true });
        axios.patch(`https://609e417f33eed800179581a7.mockapi.io/api/customers/data/${this.state.id}`, this.state.values).then(data => {
            this.setState({ submitSuccess: true, loading: false })
            setTimeout(() => {
                this.props.history.push('/');
            }, 1500)
        })
    }

enter image description here

我创建了 CRUD 应用程序，当我使用编辑功能时，我得到了这样的错误。请帮助我。

【问题讨论】：

您必须在后端启用 CORS。如果您使用的是外部 API，那么您已经制作了一个小型代理应用程序，该应用程序从 api 获取数据并发送到前端。

标签： reactjs

【解决方案1】：

我们可以做两件事：

我们可以要求中间层/API 团队在他们的 Allow -CORS 列表中允许您的 UI 的 FQDN。
在我的本地，我在package.json 中添加了"proxy": "http://127.0.0.1:5000"。

【讨论】：