Netlify API重写配置页面刷新后失效，前端路由请求异常

你的问题出在Netlify重定向规则的顺序和匹配范围上：当前第一条/*规则会匹配所有请求，导致包括前端路由在内的所有请求都被转发到后端API，第二条返回index.html的规则根本不会生效。刷新前端路由页面时，浏览器请求的路径是前端路由（实际不存在对应后端接口），自然会请求失败。

解决方法分两种情况： #

1. 你的API有特定前缀（比如/api）

修改_redirects文件为：

/api/* http://myapi.com:8080/api/:splat 200
/* /index.html 200

这样所有以/api开头的请求会被转发到后端API，其他所有请求（包括前端路由）都会返回单页应用的入口文件index.html，确保刷新页面时前端路由能正常加载。

2. 你的API没有特定前缀，需按请求方法区分

如果API和前端路由共用根路径，可通过HTTP方法过滤：

/* http://myapi.com:8080/:splat 200 [POST, PUT, DELETE]
/* /index.html 200

这样只有POST、PUT、DELETE这类修改数据的请求会转发到后端API，GET请求（包括页面刷新、前端路由跳转）都会返回index.html，静态资源（JS、CSS、图片等）会被Netlify自动识别并返回，不影响正常加载。

核心逻辑 #

Netlify的重定向规则是从上到下匹配，第一个匹配的规则生效。必须让前端路由的规则（返回index.html）在非API请求时触发，同时确保真实的API请求能正确转发到后端。

内容的提问来源于stack exchange，提问作者ServletException