teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

apache側の設定への追記事項を追記

2021/02/20 00:59

投稿

EbiTT
EbiTT

スコア12

answer CHANGED
@@ -1,2 +1,24 @@
1
1
  パスをlocalhost/index.htmlとする。
2
- localhostのみでindex.htmlをvueで表示させるにはapache側の設定追加が必要そうである。
2
+ localhostのみでindex.htmlをvueで表示させるにはapache側の設定追加が必要そうである。
3
+
4
+ ---
5
+ 2021/02/20追記
6
+ Apacheに施した設定変更の内容を追記しました。これで`http://localhost`に単に接続すればindex.htmlが表示されます。
7
+ 1. プロジェクトのルートディレクトリに適当なファイル名で(私の場合は`myhtaccess`とした)ファイルを作る。
8
+ 2. 1で作ったファイルに以下の内容をコピペする。
9
+ ```.htaccess
10
+ <IfModule mod_rewrite.c>
11
+ RewriteEngine On
12
+ RewriteBase /
13
+ RewriteRule ^index.html$ - [L]
14
+ RewriteCond %{REQUEST_FILENAME} !-f
15
+ RewriteCond %{REQUEST_FILENAME} !-d
16
+ RewriteRule . /index.html [L]
17
+ </IfModule>
18
+ ```
19
+
20
+ Dockerfileがプロジェクトのルートディレクトリにあることを確認した上で以下の1行を足す
21
+ `COPY ./myhtaccess /usr/local/apache2/`
22
+
23
+ もしこれでだめな場合はRewriteモジュールが有効になっていない可能性がある。
24
+ [こちらの記事](https://qiita.com/dokkoisho/items/03746e58d975bd7a35ec)を参考にしてRewriteモジュールを有効にしておこう。