在netlify上部署后，来自代理的API无法工作

Question

我正在使用部署在heroku中的api到我的react应用程序。为了修复cors错误，我在package.json中添加了proxy作为

"proxy":"https://mobtech.herokuapp.com"

在调用api时，我是这样做的

 const res = await axios.get('/api/user')

因此，在开发时这样做很好，但在部署到netlify之后就不行了。我阅读了netlify docs click的官方文档，但它并没有让我的头脑变得轻松。有没有人可以通过举例来帮助我？

Answer 1

我可能迟到了，但这里是怎么做的。Netlify应该在根目录中有一个名为__redirect的特殊文件，您可以在那里定义您的代理，如下所示

/api/* https://yourapi.domain.com/:splat 200
/* /index.html 200           

然后您可以像这样调用您的api

const res = fetch('/api/user')   //equivalent to https://yourapi.domain.com/user

希望这能有所帮助