首页 > 解决方案 > 短网址不适用于 Netlify 中的 fetch API,但可在本地服务器上使用

问题描述

我开发了一个带有反应社交媒体应用程序的应用程序。我已经使用内置的 fetch API 处理了所有的 ajax 请求。每个请求参数战争短网址,例如。

fetch('/posts/dp/upload', {
    method: 'POST',
    body: formData,
})

在我的package.json文件中,我将代理设置为"proxy": "https://social-firegram.herokuapp.com/api". 使用此设置,请求在 localhost 中运行良好。但是当我在 Netlify 中部署我的应用程序时,该应用程序没有向我的后端应用程序发送任何请求。

现在我的问题是:

我应该把我所有的短请求 url'/posts/dp/upload'变成完整的请求 url 吗'https://social-firegram.herokuapp.com/api/posts/dp/upload'?虽然我已经尝试过这个本地主机(代理仍然在那里)并且这种请求正在访问服务器,但没有在包含jwt令牌的标头中发送 cookie,因此我的后端无法验证我的请求并且我没有得到错误401 (unauthenticated)代码。现在我应该怎么做才能让我的前端使用 cookie 向我的后端发送请求。

注意:我故意不使用axios.

标签: javascriptreactjsfetch-api

解决方案


推荐阅读