Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Node.js AWS amplify中的重写和重定向_Node.js_Reactjs_Amazon Web Services_React Router_Aws Amplify - Fatal编程技术网

Node.js AWS amplify中的重写和重定向

Node.js AWS amplify中的重写和重定向,node.js,reactjs,amazon-web-services,react-router,aws-amplify,Node.js,Reactjs,Amazon Web Services,React Router,Aws Amplify,我不熟悉AWS部署,并且尝试将后端(NodeJS、Express、MongoDB)和前端(React/Redux)代码部署到AWS。我使用AWS Beanstalk作为后端,而AWS amplify作为前端代码。我已经完成了后端部署,并使用postman对其进行了测试,甚至通过在http://localhost:3000/。我也在AWS amplify上部署了代码,但似乎我不知道它使用了重写和重定向,以便应用程序可以导航到不同的URL。我的是一个SPA。我可以看到登录屏幕,但一旦我输入凭据,它就

我不熟悉AWS部署,并且尝试将后端(
NodeJS、Express、MongoDB
)和前端(
React/Redux
)代码部署到AWS。我使用
AWS Beanstalk
作为后端,而
AWS amplify
作为前端代码。我已经完成了后端部署,并使用postman对其进行了测试,甚至通过在
http://localhost:3000/
。我也在AWS amplify上部署了代码,但似乎我不知道它使用了
重写和重定向
,以便应用程序可以导航到不同的URL。我的是一个
SPA
。我可以看到登录屏幕,但一旦我输入凭据,它就无法导航到受保护(使用
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);
问题是,当我点击以下按钮时,目前没有加载任何内容:

https://url-resolve-changes.d1z993fyobkz3s.amplifyapp.com/index.html

不过,后端URL的配置与我从
http://localhost:3000/
API工作正常。这只是我缺少的重定向部分。如果需要任何其他细节,请务必告诉我。
谢谢你的帮助。提前谢谢。

当我在上重新分享你的问题时 我发现了它的放大问题。我更正了我的构建路径,如下所示

baseDirectory: build
完整放大.yml文件屏幕截图

另请参阅:

希望能有帮助

https://url-resolve-changes.d1z993fyobkz3s.amplifyapp.com/
baseDirectory: build