这个想法基本上是将对/ api的调用重定向到某个来源。 例如==> http://my-production-api.com/
我有我的html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Redirect - API</title>
<script>
const api = 'https://jsonplaceholder.typicode.com';
fetch(api + '/todos/1')
.then(response => response.json())
.then(json => console.log(json)).catch(console.log);
const ENV_API = '/api';
fetch(ENV_API + '/todos/1')
.then(response => response.json())
.then(json => console.log(json)).catch(console.log);
</script>
</head>
<body>
<div id="app">
Redirect api
</div>
</body>
</html>
和下一个路由规则：
<RoutingRules>
<RoutingRule>
<Condition>
<KeyPrefixEquals>/api</KeyPrefixEquals>
</Condition>
<Redirect>
<ReplaceKeyWith>https://jsonplaceholder.typicode.com</ReplaceKeyWith>
</Redirect>
</RoutingRule>
但是，控制台中的结果是：无法加载资源：服务器的响应状态为403（禁止）。
感谢您提出我的问题！