在 AWS amplify 中部署的 React 项目中，重写效果不佳

Question

我使用

create-react-app

创建了一个 React 项目，并通过 AWS Amplify 部署了它。

我试图重写同一域下的几条路由来打开其他网站。好像是用了反向代理的方式。

因此，通过

Rewrites and redirects

控制台，我添加了如下规则。

来源地址	目标地址	类型
/测试/<*>	（也部署在放大中的不同来源）	200（重写）

但是，当

/test

已布线时，

rewrites

不起作用。查看开发工具中的

Network

选项卡，浏览器尝试从 目标地址 域获取静态文件，但失败。

Answer 1

该问题是由 SPA 重定向配置引起的 https://docs.aws.amazon.com/amplify/latest/userguide/redirects.html#redirects-for-single-page-web-apps-spa

/<*>  index.html  200

或类似的重定向。因为这优先于反向代理配置。

就我而言，我解决了这个问题，将反向代理配置放在顶部。和 SPA 配置按钮。