Redmineの設定

CSS/JSパス問題の修正作業を開始します。

作業開始¶

1. 現在のファイル構造とビルド設定を確認
2. パス問題の原因を特定
3. 修正を実施

CSS/JSパス問題の修正を実施しました¶

実施内容¶

1. ビルド設定の修正

   • package.jsonにbuild:ragスクリプトを追加
   • PUBLIC_URL=/rag-advisor でビルドするように設定
   • App.tsxでPUBLIC_URLに基づく動的basename設定を実装

2. nginx設定ファイルの作成

   • /rag-advisorパス用の専用設定を作成
   • 静的ファイルのキャッシュ設定を追加
   • CORS設定を適切に構成

3. デプロイスクリプトの作成

   • build-rag-advisor.sh: RAG用ビルドスクリプト
   • deploy-rag-advisor.sh: デプロイ手順を自動化

4. デバッグツールの追加

   • test-rag-advisor.html: リソース読み込みテストページ
   • パス確認、リソース検査、API接続テスト機能を実装

5. HTML/manifest更新

   • index.htmlにローディング状態とエラーハンドリングを追加
   • manifest.jsonをRAGアドバイザー用に更新

デプロイ手順¶

# 1. ビルド実行
npm run build:rag

# 2. アーカイブ作成
tar -czf rag-advisor-build.tar.gz build/ nginx-rag-advisor.conf

# 3. VPSへ転送・デプロイ
scp -i ~/.ssh/003-key.pem rag-advisor-build.tar.gz root@85.131.243.51:/tmp/
ssh -i ~/.ssh/003-key.pem root@85.131.243.51
cd /tmp
tar -xzf rag-advisor-build.tar.gz
docker cp build/. task2-ui:/usr/share/nginx/html/
docker cp nginx-rag-advisor.conf task2-ui:/etc/nginx/conf.d/
docker exec task2-ui nginx -s reload

テスト方法¶

1. https://task2.call2arm.com/rag-advisor/test-rag-advisor.html でリソース読み込みを確認
2. https://task2.call2arm.com/rag-advisor/ で本番アプリケーションを確認

これでCSS/JSファイルが正しいパスで読み込まれるようになります。