React routerでビルド時だけ404が発生するnginx

Question

前提・実現したいこと

現在リアクトを用いてアプリを作っていますが、
webpackでビルドして、サーバで
nginxによって公開していますが、
ビルドしてしまうと
path="/:key/Login"のように変数を使用したパスにのみアクセスできません。

<BrowserRouter> <div className="app"> <Switch> <Route exact path="/:key/Login" component={Login} /> </Switch> </div> </BrowserRouter>

アパッチなら以下のように設定すると直るらしいですが、
RewriteEngine on
RewriteBase /
RewriteRule ^index.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]

nginxでの設定方法がわかりません。
以下はnginxの設定です。
server {
listen 80 ssl;
ssl_certificate /etc/letsencrypt/live/ドメイン/fullchain.pem;
ssl_certificate_key /etc/letsencrypt/live/ドメイン/privkey.pem;
server_name ドメイン;
root /home/ubuntu/build;
index index.html index.htm;
location / {}
}