node.js - 在 AWS amplify 中重写和重定向
问题描述
我是新手AWS deployment
并尝试将后端(NodeJS, Express, MongoDB
)和前端(React/Redux
)代码都部署到 AWS。我AWS Beanstalk
用于后端和AWS amplify
前端代码。我已经完成了后端部署并使用邮递员对其进行了测试,甚至通过在http://localhost:3000/
. 我也在 AWS amplify 上部署了代码,但似乎我不知道Rewrites and redirects
它使用的是什么,以便应用程序可以导航到不同的 URL。我的是一个SPA
。我可以看到登录屏幕,但是一旦我输入凭据,它就不会导航到受保护的(使用JWT Auth
)URL。
我的放大应用程序托管在: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);
我在“放大”设置中的“重写和重定向”中进行了以下配置。
清单.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 发送请求时工作正常。这只是我缺少的重定向部分。如果需要任何其他详细信息,请告诉我。感谢你的帮助。提前致谢。
解决方案
我在使用路由路径刷新页面时遇到问题,收到响应 AccessDenied,由 S3 引起,实际上并没有该路径或文件。首先在搜索结果中得到这个问题,所以在这里发布我的解决方案。
通过以下方式解决了该问题:
原地址:
</^[^.]+$|\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|woff2|ttf|map|json)$)([^.]+$)/>
大多数 SPA 框架都支持 HTML5 history.pushState() 来更改浏览器位置而不触发服务器请求。这适用于从根目录(或 /index.html)开始旅程的用户,但不适用于直接导航到任何其他页面的用户。使用正则表达式,以下示例为 index.html 的所有文件设置 200 次重写,但正则表达式中指定的特定文件扩展名除外。
推荐阅读
- spring - 使用 Spring 4.x 的 Solace 连接问题
- visual-studio - “代码 。” 命令无法从 mac 终端打开 Visual Studio Code 运算符
- c++ - 在 MPI 中发送和接收数组
- javascript - 单击时呈现带有单个组件的页面
- robots.txt - 如何取消阻止 robots.txt 文件中的资源?
- vba - 验证列表中的用户输入值
- docker - 在 docker 容器中运行黄瓜和水豚
- android - 将酷格式转换为两位小数
- python - 如何使用 xml.etree.ElementTree 解析其子级中包含 HTML 内容的 XML 文件
- ctest - 运行 ctest 时出错