Conoha WingにReactアプリをデプロイする

作ってみたはいいものの、ところどころ躓いてしまったのでどこかの誰かのためになればと備忘録を残します。お安く済ませたいという心理の裏には苦労あり…

デプロイの仕方

わかっている人は、何を今更ということですが、ビルドをしてからそのファイルをアップロードします
npmを使っていたらnpm run buildでbuildフォルダが作成、その中に必要なファイルがたくさん入っています。あとは、そのファイルたちをConoha Wingにgit cloneなりscpなりftpなりでアップロードします。

ルーティングの設定

以下のリンク参照。
.htaccessについては後述するのですっ飛ばしていい。ローカル環境で確認するときは必要。
www.kuu13580.com/blog/react-subdirectory-whitewww.kuu13580.com

.htaccessでリダイレクトの設定

なぜかConoha Wingではサブディレクトリに.htaccessが存在すると500 Internal Server Errorが発生するので、コントロールパネルから設定します。

RewriteEngine On
RewriteCond %{REQUEST_URI} ^/path-to-app/ [NC]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^(.*)$ /path-to-app/index.html [QSA,L]