使用 axios 和代理 MERN APP 的 CORS 错误

问题描述

我制作了 MERN 应用程序并创建了两个存储库。我在 heroku 上部署了后端部分。我尝试使用我的前端部分本地使用 proxy :"proxy": "http://app-name-backend.herokuapp.com" 一切正常。但是当我尝试删除代理并使用带有完整路径的 axios 方法时,例如

const config = {
    headers: {
        "Content-Type": "application/x-www-form-urlencoded","x-auth-token": `${token}`,},};
    
const res = await axios.post(
    `http://my-app-name.herokuapp.com/api/event`,item,config
);

我遇到了一些错误

enter image description here

解决方法

您是否安装了 cors 库?也许它可以帮助你。