Идея в основном заключается в перенаправлении вызовов в / 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 (запрещено).
спасибо за ответ на мой вопрос !!