質問編集履歴
1
テストでもう少し問題を切り分けられたので全体的に修正
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
S3でreact-routerを使う
|
1
|
+
S3でreact-routerを使うと表示がおかしくなる(React.js)
|
test
CHANGED
@@ -2,9 +2,11 @@
|
|
2
2
|
|
3
3
|
webpackを使ってbundleし、htmlとcss,jsをS3に乗せて、静的webサイトホスティングをしています。
|
4
4
|
|
5
|
-
アプリはSPAで、react-routerを使っているのですが、S3に乗せた時
|
5
|
+
アプリはSPAで、react-routerを使っているのですが、S3に乗せた時、配置した画像や文字が表示されません。ただ、メニューボタンなどは読み込めているようで、押下できます。
|
6
6
|
|
7
7
|
|
8
|
+
|
9
|
+
react-routerを使用しており、
|
8
10
|
|
9
11
|
URLは
|
10
12
|
|
@@ -18,21 +20,17 @@
|
|
18
20
|
|
19
21
|
```
|
20
22
|
|
21
|
-
|
23
|
+
と設定しております。
|
22
24
|
|
25
|
+
|
26
|
+
|
23
|
-
|
27
|
+
表示がおかしくなるのは
|
24
28
|
|
25
29
|
> https://s3-ap-northeast-1.amazonaws.com/<バケット名>/index.html
|
26
30
|
|
27
31
|
|
28
32
|
|
29
|
-
|
33
|
+
などのように、バケット名つきでアクセスしたときです。
|
30
|
-
|
31
|
-
> https://s3-ap-northeast-1.amazonaws.com
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
と、バケット名以降がない状態のURLになります。aboutなら
|
36
34
|
|
37
35
|
|
38
36
|
|
@@ -40,20 +38,6 @@
|
|
40
38
|
|
41
39
|
|
42
40
|
|
43
|
-
|
41
|
+
などと、バケット名以降がない状態のURLだとうまく表示されます。
|
44
42
|
|
45
|
-
上記の状態だと、初回のアクセス時のみ表示がおかしくなるので
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
> https://s3-ap-northeast-1.amazonaws.com/<バケット名>/index.html
|
50
|
-
|
51
|
-
> https://s3-ap-northeast-1.amazonaws.com/<バケット名>/about.html
|
52
|
-
|
53
|
-
> https://s3-ap-northeast-1.amazonaws.com/<バケット名>/info.html
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
43
|
+
どうすれば解決できるでしょうか。
|
58
|
-
|
59
|
-
deployとproductでバケットを変えたいため、どうするべきか悩んでおります。
|