使用 _redirects 文件进行 Netlify 部署不适用于 http api

Question

使用 _redirects 文件进行 Netlify 部署不适用于 http api。

将我的 React 应用程序部署到 netlify 后，我遇到了由于 Netlify 使用 HTTPS 协议以及我尝试在 HTTP - 混合内容上访问的 API 导致的问题。所以我做了一些研究，我必须代理通过 HTTPS 调用的 API，为此我必须使用 _redirects 文件。

/base/* http://exampleapi.com/:splat 200

我将端点重组为这样：

process.env.REACT_APP_NETLIFY + "/base/app/getById?" + urlParams

当我部署站点时，我什至可以看到重定向文件已得到处理，但错误消息仍然存在。

xhr.js:247 Mixed Content: The page at 'https://rahvatantsuk.netlify.app/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://eampleApi.com/app/getDances?accountId=4002'. This request has been blocked; the content must be served over HTTPS.

奇怪的是，我以为我通过重定向解决了这个问题，并且它实际上在生产中工作了一段时间，但现在我再次看到这个错误。有什么想法吗？

Answer 1

在 src 文件夹中添加

_redirects

文件，并在文件中添加这些行并尝试部署

/*  /index.html 200

。这对我有用。

Answer 2

Soi，我误解了 netlifys 文档，并将 api 字符串重组为

"/base/app/getById?" + urlParams

，现在它可以工作了:)

Answer 3

您应该创建环境变量，并且该值应该是您的 API 密钥