我是新手AWS deployment
,正在尝试将后端 ( NodeJS, Express, MongoDB
) 和前端 ( React/Redux
) 代码部署到 AWS。我AWS Beanstalk
用于后端和AWS amplify
前端代码。我已经完成了后端部署并使用邮递员对其进行了测试,甚至通过在http://localhost:3000/
. 我也将代码部署在 AWS amplify 上,但似乎我不知道Rewrites and redirects
它的用途,以便应用程序可以导航到不同的 URL。我的是一个SPA
。我可以看到登录屏幕,但是一旦我输入凭据,它就不会导航到 protected(Using JWT Auth
) URL。
我在 amplify 上的应用托管在: https://url-resolve-changes.d1z993fyobkz3s.amplifyapp.com/
App.js -> 包含不同的路由。除了/login
和/register
所有路线都使用PrivateRoute最先被检查,然后可以渲染网页。我声明了 BASE_URL = host 但我不确定如何使用它来导航不同的 URL
// const BASE_URL = "https://url-resolve-changes.d1z993fyobkz3s.amplifyapp.com";
class App extends Component {
render() {
return (
<div className="App">
<MessageSnackbar />
<Router history={history}>
<Switch>
<PrivateRoute
exact
path={`/`}
renderFunc={routeProps => <HomePage {...routeProps} />}
/>
<Route path={`/login`} component={Login} />
<Route path={`/register`} component={Register} />
</Switch>
</Router>
</div>
);
}
}
export default withTheme()(App);
我在 Amplify 设置中的重写和重定向中进行了以下配置。
清单文件.json
{
"short_name": "React App",
"name": "Create React App Sample",
"icons": [
{
"src": "favicon.ico",
"sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon"
}
],
"start_url": ".",
"display": "standalone",
"theme_color": "#000000",
"background_color": "#ffffff"
}
问题是,当我点击时,目前没有任何负载:
https://url-resolve-changes.d1z993fyobkz3s.amplifyapp.com/index.html
或者
https://url-resolve-changes.d1z993fyobkz3s.amplifyapp.com/
后端 URL 配置正确,因为当我从http://localhost:3000/
API发送请求时工作正常。这只是我缺少的重定向部分。如果需要任何其他详细信息,请告诉我。感谢你的帮助。提前致谢。