Netlify 前端与 Heroku 后端,代理 API 来自后端的调用

Netlify frontend with Heroku backend, proxy API calls from backend

我有一个 git repo,服务器和客户端在同一个存储库中,我在 netlify.toml i 的帮助下将服务器的一个子树部署到 Heroku 并将整个 repo 部署到 Netlify只想构建前端(客户端文件夹)所以我这样做了:

    [build]
    base = "client"

现在,我的 vuejs 路由有问题所以我不得不在我的 dist 文件夹(构建文件夹)中创建一个新的 _redirects 指定路由,将路由模式设置为 'history' ,我想要一个干净的 URL.

现在,我遇到的问题是如何将 heroku 后端应用程序上的所有 API 调用代理到 ​​netlify? 在 https://myherokuapp.herokuapp.com/api

处调用 heroku APIs

我试过在 _redirect 文件中设置一些重定向:


/*    /index.html   200

/api/*  https://myherokuapp.herokuapp.com/api/:splat  200

但是那个 API 调用的答案总是找不到页面。

/* /index.html 200 是否有问题导致我的 api 呼叫响应 404?

您是否尝试过更改顺序:


/api/*  https://myherokuapp.herokuapp.com/api/:splat  200

/*    /index.html   200