在 AWS amplify 中部署时，页面在提交后重定向到 index.html

Question

我已经在 AWS amplify 中部署了一个 react 应用程序。它在本地主机上运行良好，但是部署后，react 路由器似乎没有按预期工作。即当手动输入链接时，它重定向到 index.html 页面。此外，虽然我提到了event.preventDefault()，但在提交表单时，页面重定向到index.html

App.js

return (
    <Router>
    <div className="App">

    <Switch>



    <Route exact path="/SignUp" component={SignVerification}/>

    <Route exact path="/" component={()=><Home BlogInfo={this.state.BlogInfo} onAddUpvote={this.addUpvote} onAddPost={this.addPost}/>} />

        <Route exact path="/One/:id" render={(params)=>(<Single BlogInfo={this.state.BlogInfo}{...params} />)}/>


  </Switch>


    </div>

    </Router>
  );
}
}

Post.js

  handleSubmit=(event)=>
{

  axios.post("https://3em19ts012.execute-api.us-east-2.amazonaws.com/Dev/comment",

    {Comment :this.state.comments,
    PostId:this.props.match.params.id,
    Time:new Date(),
    Username:userPool.getCurrentUser().getUsername(),
    ParentId:"None"
    }      

).then((response) => {
  var data={comment:response.data.message.Comt.S,
    Username:response.data.message.Username.S
    };
    this.setState({commentInfo:[data,...this.state.commentInfo]})

  });









  event.preventDefault();


this.setState({comments:""})



}

Answer 1

似乎 AWS 在收到导致 404 的请求时将重定向（302）放大到 index.html。

我能想到2个解决方案：

1. 使用 HashRouter 而不是 BrowserRouter。或
2. 配置 AWS 放大以在收到 404 时发送 200 redirects (rewrites)