netlify 重定向不适用于我的 create-react-app

Question

我使用 Create-react-app 建立了一个房地产网站。其中一个 api 在生产中给我 Cors 错误。根据 netlify 的文档，我在项目的根目录中设置了一个 netlify.toml 文件。在其中我使用以下规则

``

[[redirects]]
from = "/api/*"
to = "https://completecriminalchecks.com/:splat"
status = 200
force = true

我的原始请求如下所示：

const response = await fetch(
    `/api/json/?apikey=6s4122z013xlvtphdfsdfxxe19&search=radius&miles=2&center=${theZip}`,
    {
      method: "GET",
      headers: {
        "Access-Control-Allow-Origin": "*"
      }
    }

我希望它能将我的请求代理到 https://completecriminalchecks.com/ + /api/json/?apikey=6s4122z013xlvtfsdfxxe19&search=radius&miles=2¢er=${theZip}

but when I check my network dev tools the request is made to

Request URL: https://jessehaven.netlify.app/api/json/?apikey=6s4122z013vfvffxlvtphrnuge19&search=radius&miles=2&center=18702

为什么它不代理我在规则中的内容？

Answer 1

我想您的 api 域是 https://completecriminalchecks.com/api/。如果是这种情况，请像下面那样在 url 之后添加 /api，它应该可以工作。

此外，我希望您在 netlify.toml 文件

中 [[redirects]] 行之后的每个配置行之前应用两个空格

[[redirects]]
  from = "/api/*"
  to = "https://completecriminalchecks.com/api/:splat"
  status = 200
  force = true

============我正在使用下面的 netlify.toml conf 及其为我的 SPA 工作======

# api redirect.
[[redirects]]
  from = "/api/*"
  to = "http://X.X.X.X/api/:splat"
  status = 200
# SPA router support.
[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200

netlify 重定向不适用于我的 create-react-app

netlify redirect is not working with my create-react-app

deployment

proxy

create-react-app

netlify

netlify-cli