質問編集履歴
1
現在起きている問題について、より詳しく書き直しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
Reactのルーティング周り、あるいはNginxの設定周りでハマってしまい、調べたのですがピンとくる情報がなかったので、質問させていただきます。
|
|
2
|
-
|
|
2
|
+
どうかよろしくお願いいたします。。。
|
|
3
3
|
|
|
4
4
|
### 前提・実現したいこと
|
|
5
5
|
|
|
@@ -33,6 +33,7 @@
|
|
|
33
33
|
```
|
|
34
34
|
|
|
35
35
|
`react-router-dom"`でルーティングを制御している`src/index.jsx`は以下のようになっております。
|
|
36
|
+
パスとコンポーネントの対応付は、別で配列でもって、`.map()` でそれぞれルーティングを設定しています。
|
|
36
37
|
|
|
37
38
|
```src/index.jsx
|
|
38
39
|
|
|
@@ -42,18 +43,11 @@
|
|
|
42
43
|
component: Home,
|
|
43
44
|
name: "ホーム"
|
|
44
45
|
},
|
|
45
|
-
(略)
|
|
46
46
|
{
|
|
47
47
|
path: "/user/edit",
|
|
48
48
|
component: UserEdit,
|
|
49
49
|
name: "プロフィール編集"
|
|
50
50
|
},
|
|
51
|
-
{
|
|
52
|
-
path: "/user_confirm",
|
|
53
|
-
component: UserEditConfirm,
|
|
54
|
-
name: "プロフィール編集"
|
|
55
|
-
}
|
|
56
|
-
];
|
|
57
51
|
|
|
58
52
|
(略)
|
|
59
53
|
|
|
@@ -70,6 +64,7 @@
|
|
|
70
64
|
```
|
|
71
65
|
|
|
72
66
|
Webpackの設定は以下です。
|
|
67
|
+
変な設定にはなっていないと思うのですが。。。
|
|
73
68
|
|
|
74
69
|
```
|
|
75
70
|
const path = require("path");
|
|
@@ -141,6 +136,7 @@
|
|
|
141
136
|
|
|
142
137
|
|
|
143
138
|
Nginxの設定は以下です。
|
|
139
|
+
ここも変なことはしていないと思っているのですが、なんとなく`try_files $uri $uri/ /index.html;`のあたりがまずいのかなと思っていたりします。。。
|
|
144
140
|
|
|
145
141
|
```
|
|
146
142
|
server {
|
|
@@ -159,8 +155,11 @@
|
|
|
159
155
|
|
|
160
156
|
```
|
|
161
157
|
|
|
162
|
-
なんとなく`try_files $uri $uri/ /index.html;`のあたりがまずいのかなと思っていますが、どう直せばよいのかがわかりません。。。
|
|
163
158
|
|
|
159
|
+
|
|
164
160
|
### 発生している問題・エラーメッセージ
|
|
165
161
|
|
|
166
|
-
エラーメッセージは発生せず、`/user/edit`にアクセスすると、Userコンポーネントが表示されてしまいます。(UserEditコンポーネントが表示されてほしい)
|
|
162
|
+
エラーメッセージは発生せず、`/user/edit`にアクセスすると、Userコンポーネントが表示されてしまいます。(UserEditコンポーネントが表示されてほしい)
|
|
163
|
+
|
|
164
|
+
どのようにすれば、`/user/edit` でUserEditコンポーネントを表示することができるでしょうか？
|
|
165
|
+
何卒よろしくお願いいたします。
|