reactとAWSでデプロイし、submitして送信するとindex.htmlという関係ない場所に飛ぶ

Question

前提・実現したいこと

npm start 3000ではうまく機能しますが、AWSを扱いamplidyとreactでデプロイし、ログインもしくは登録画面で進み、ログイン、登録を押したらindex.htmlと表示されます。（ローカルではBlog_displayが表示されます）
なので、ローカルどおり、
http://localhost:3000/Blog_display
と表示させたい
こちらが実際のコードです。
https://material-ui-component.d3sn4gpjnzkzxi.amplifyapp.com

該当のソースコード

//blog/src/index.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './components/App';

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

//blog/src/components/App.js

import React from 'react';
import { BrowserRouter, Route, Link } from 'react-router-dom';
import Login from './Login'
import Header from './Header'
import Registration from './Registration'
import Blog from './Blog_display'
import { withStyles } from '@material-ui/core/styles';
import Button from '@material-ui/core/Button';

const HOME = () => {
  return (
    //ログイン、会員登録画面
    <div>
      {/* Linkから自動的にlinkされるようになっている */}
      <Header />
      <Link to="/Login">
      <Button variant="raised">
      ログインする
      </Button>
        </Link>
      <Link to="/registration">
      <Button variant="raised">
      初めての方はこちら
      </Button>
      </Link>
    </div>
  );  
};

const registration_click = () => {
  return (
    <div>
      <Header />
      <Registration />
    </div>
  );
};

const Login_click = () => { 
  return (
    <div>
      <Header />
      <Login />
    </div>
  )
}

const Blog_login = () => { 
  return (
    <div>
      <Header />
      <Blog />
    </div>
  )
}

const App = () => {
  return (
    <div>
      <BrowserRouter>
        <div>
          <Route path="/" exact component={HOME} />
          <Route path="/registration" component={registration_click} />
          <Route path="/login" component={Login_click} />
          <Route path="/Blog_display"  component={Blog_login} />
        </div>
      </BrowserRouter>
    </div>
  );
};

export default App;

//blog/src/components/Registration.js

import React from 'react';
import TextField from '@material-ui/core/TextField';
import Button from '@material-ui/core/Button';

class Registration extends React.Component { 
  render() {
    //login or 登録された後にBlogにアクセスできるようにする処理
    return (
      <div>
        <form action="./Blog_display">
          <table>
            <tbody>
            <tr>
                <th><TextField id="standard-basic" label="氏名" /></th>
              </tr>
              <tr>
                <th><TextField id="standard-basic" label="メールアドレス" /></th>
              </tr>
              <tr>
                <th><TextField id="standard-basic" label="パスワード" /></th>
              </tr>
              <tr>
                <Button variant="contained" color="secondary" type="submit" >
                登録する
                </Button>
              </tr>
          </tbody>
        </table>
        
      </form>
    </div>

    )
  }
}

export default Registration;

//blog/src/components/Blog_display.js
import React from 'react'

class Blog_display extends React.Component{ 
  render() { 
    return (
      <p>完了</p>
    )
  }
}
export default Blog_display

試したこと

localだったらしっかり起動するのでAWSがおかしいと思っていました
なので、それらの情報を調べまくりましたが出てきませんでした。
これで３，４時間途方に暮れています。
助けてください

補足情報（FW/ツールのバージョンなど）

file構成

環境
windows10

Comments

[hoshi-takanori]

フォームを送信してしまえばそうなるでしょうね。開発環境では、開発サーバーがうまく捌いていたので気づかなかったのでは。

[nana727]

ご回答ありがとうございます。
解決しました。

Answer 1

ここから、左の「書き換えてリダイレクト」ををクリック

すると、次のページに飛ぶので、下記のように入力する。
一番重要なのは、入力のrewrite 200にすること