ダーク/ライト切り替え

【超備忘録】Vite+Reactのプロジェクトをサブディレクトリ下にデプロイする方法【超初心者】

投稿日2024-02-11

Picture of the logo


目次

目次を読み込み中...

# はじめに

タイトルどおりVite+Reactのウェブサイトをサブディレクトリ下にデプロイする方法です。毎度忘れそうなので超個人的な備忘録です。興味がある人がいるかもしれないのでブログ化しておきます。

自分のサイトですがこのサイトのようにサブディレクトリ以下にトップページを配置したい時の手順です。

# 1 前提条件

  • ・ vite
  • ・ react
  • ・ typescript

上記の設定でプロジェクト作成。主の開発環境はWindowsですがMacでも変わらないと思います。

# 2 TL;DR

プロジェクトのルートディレクトリにあるvite.config.tsのファイルの中にあるdefineConfigの中にbase:'/サブディレクトリ名'という行を追記する。あるいは既に記載があればurlのサブディレクトリ名にしたい文字列に変更する。

たったこれだけですが、これをしないとjsやcssファイルなどの参照先がバグるので初めての時は躓いたので書き残しておきます。






関連記事

【Python】最強のパスワードの作り方わかったw【超初心者向け】

blog

pythonの標準モジュールでUUIDというモジュールを使うと簡単に強度な乱数を生成できます。32桁の16進数とそれを4つの-(ハイフン)で区切られた合計36文字の文字列をランダムで生成します。これだけで2^128とおりのパターンがあるので一意の固有の識別番号と言っても過言ではないでしょう。今回はそれを2つ並べます。

UnityでFirebase Storeからデータを読み書きする

blog

FirebaseのFireStoreのデータをUnityから読み書きする手順を紹介します。入門レベル。

【備忘録】2023年版Djangoのstatic保存先をAWS S3にする

blog

Djangoの静的ファイルをS3に保存する手順。2023年1月にAWSに仕様変更が入り、追加の手続きが必要になったので、個人的備忘録を兼ねて書き残しておきます。

Unityで端末情報、IPアドレスを取得する方法

blog

Unityにて端末固有情報などをC#コードから取得する方法をまとめました。

UnityでTrail Rendererを使ってオブジェクトの軌跡を描画する

blog

今回はUnityでTrail Rendererを使ってオブジェクトの軌跡を描画する方法についてご紹介します。Trail Rendererを使うことで、オブジェクトがどのような軌跡を描いたかを可視化することができます。

Django Restを使って管理しているブログにアクセスカウンタを秒で設置する【初心者】

blog

ブログのバックエンドにDjango Restを使い、ページビューのたびに1ずつ増えるカウンタを作る方法を備忘録も兼ねて書き残しておきます。

【Unity】Json,CSVファイルを相互に変換する方法【備忘録】

blog

個人的備忘録も兼ねてUnityでインスペクタ上でテキストファイルを指定して、そのファイルから結果を取得する方法をいくつか紹介します。

【初心者】Pythonで大量の文字列の重複チェックをする方法【備忘録】

blog

Pythonで文字列の配列、リストから重複の有無をチェックする簡単な方法を紹介します

【Unity】複数のシーンがあるアプリでシーン遷移を軽くするための工夫

blog

Unityでゲームアプリを作る際にシーンをまたぐ時に少しでもシーン遷移を軽くする方法を個人的備忘録も兼ねて書き残しておきます。

UNITYで扇形を作ってみた

blog

Unity上で扇形を作る機能が標準ではついてない?ようなので自作してみました。


スポンサーリンク

このサイトをシェアする