質問編集履歴

1

ご回答をもとにコード修正するとエラー内容変更になったため追記。フロント部分のコードの修正も反映。

2021/01/01 11:19

投稿

webnakada
webnakada

スコア7

test CHANGED
File without changes
test CHANGED
@@ -26,9 +26,19 @@
26
26
 
27
27
  ```
28
28
 
29
-  ②
29
+  ②こちらのエラーはyu_1985さんのご回答より解決しました。ありがとうございました。
30
-
30
+
31
- xhr.js:177 GET http://localhost:9000/api/get net::ERR_CONNECTION_REFUSED
31
+ xhr.js:177 GET http://localhost:9000/api/get net::ERR_CONNECTION_REFUSED
32
+
33
+ ```
34
+
35
+ ```
36
+
37
+  ③新しいエラー(2021/1/1追記)
38
+
39
+
40
+
41
+ net::ERR_CONNECTION_TIMED_OUT
32
42
 
33
43
  ```
34
44
 
@@ -48,7 +58,7 @@
48
58
 
49
59
  import React,{useState,useEffect} from 'react';
50
60
 
51
- import Axios from 'axios';
61
+ import AxiosBase from 'axios';
52
62
 
53
63
  import { Link } from 'react-router-dom';
54
64
 
@@ -60,17 +70,27 @@
60
70
 
61
71
  const InputForm = () => {
62
72
 
73
+ const Axios = AxiosBase.create({
74
+
75
+ baseURL:"http://ec2-13-115-56-254.ap-northeast-1.compute.amazonaws.com:9000",
76
+
77
+ header:{'X-Requested-With': 'XMLHttpRequest'}
78
+
79
+ })
80
+
63
81
  const {register,handleSubmit,reset} = useForm();
64
82
 
65
83
  const [todoList,setTodoList] = useState([]);
66
84
 
67
- const [newTask,setNewTask] = useState([])
85
+ const [newTask,setNewTask] = useState([]);
86
+
87
+
68
88
 
69
89
 
70
90
 
71
91
  useEffect(() => {
72
92
 
73
- Axios.get('http://localhost:9000/api/get')
93
+ Axios.get('/api/get')
74
94
 
75
95
  .then((response) =>{
76
96
 
@@ -78,7 +98,7 @@
78
98
 
79
99
  })
80
100
 
81
- .catch((err) => console.log(err));   17行目 上記エラー発生箇所
101
+ .catch((err) => console.log(err));
82
102
 
83
103
  },[newTask.length])
84
104
 
@@ -98,7 +118,7 @@
98
118
 
99
119
 
100
120
 
101
- Axios.post('http://localhost:9000/api/insert',{
121
+ Axios.post('/api/insert',{
102
122
 
103
123
  task:task,
104
124
 
@@ -208,7 +228,7 @@
208
228
 
209
229
  user:'guestuser',
210
230
 
211
- password:'mfSndby1s#',
231
+ password:'**********',
212
232
 
213
233
  database:'todolist'
214
234
 
@@ -280,8 +300,6 @@
280
300
 
281
301
 
282
302
 
283
-
284
-
285
303
  ```
286
304
 
287
305
 
@@ -309,3 +327,11 @@
309
327
  mysqld 369 mysql 34u IPv6 57680 0t0 TCP *:3306 (LISTEN)
310
328
 
311
329
  ```
330
+
331
+
332
+
333
+
334
+
335
+ ・自宅のネットワーク環境は問題なし
336
+
337
+ ・webサーバー間の通信も問題なし。pingにて確認。