質問編集履歴

4

誤字

2018/05/06 15:38

投稿

sunnytj
sunnytj

スコア16

test CHANGED
File without changes
test CHANGED
@@ -88,12 +88,6 @@
88
88
 
89
89
 
90
90
 
91
- 返すはずのjsonはこのようなものです
92
-
93
- ![イメージ説明](e3b5a294d152ba1bcf41abccb441073a.png)
94
-
95
-
96
-
97
91
  docker-compose.ymlです
98
92
 
99
93
  ```yml

3

docker-compose.ymlを追記しました

2018/05/06 15:38

投稿

sunnytj
sunnytj

スコア16

test CHANGED
File without changes
test CHANGED
@@ -91,3 +91,125 @@
91
91
  返すはずのjsonはこのようなものです
92
92
 
93
93
  ![イメージ説明](e3b5a294d152ba1bcf41abccb441073a.png)
94
+
95
+
96
+
97
+ docker-compose.ymlです
98
+
99
+ ```yml
100
+
101
+ version: '3'
102
+
103
+
104
+
105
+ volumes:
106
+
107
+ store:
108
+
109
+ driver: local
110
+
111
+ bundle:
112
+
113
+ driver: local
114
+
115
+
116
+
117
+ services:
118
+
119
+ nginx:
120
+
121
+ build: ./nginx
122
+
123
+ ports:
124
+
125
+ - 8080:8080
126
+
127
+ expose:
128
+
129
+ - "8080"
130
+
131
+ volumes:
132
+
133
+ - ./frontend/dist:/wwwroot:ro
134
+
135
+ links:
136
+
137
+ - web
138
+
139
+ frontend:
140
+
141
+ build: ./frontend
142
+
143
+ volumes:
144
+
145
+ - ./frontend/src:/app/src
146
+
147
+ - ./frontend/dist:/app/dist
148
+
149
+ links:
150
+
151
+ - web
152
+
153
+ web:
154
+
155
+ build: .
156
+
157
+ ports:
158
+
159
+ - 3001:3001
160
+
161
+ expose:
162
+
163
+ - "3001"
164
+
165
+ volumes:
166
+
167
+ - .:/app
168
+
169
+ - bundle:/usr/local/bundle
170
+
171
+ links:
172
+
173
+ - db
174
+
175
+ stdin_open: true
176
+
177
+ tty: true
178
+
179
+ command: ./scripts/backend.sh
180
+
181
+ environment: &app_env
182
+
183
+ PORT: 3001
184
+
185
+ DB_HOST: db
186
+
187
+ DB_PORT: 5432
188
+
189
+ DB_NAME: rails_docker_database
190
+
191
+ DB_USER: postgres
192
+
193
+ DB_PSWD: postgres
194
+
195
+ db:
196
+
197
+ image: postgres:latest
198
+
199
+ ports:
200
+
201
+ - 5432:5432
202
+
203
+ volumes:
204
+
205
+ - store:/var/lib/postgresql/data
206
+
207
+ environment:
208
+
209
+ POSTGRES_USER: postgres
210
+
211
+ POSTGRES_PASSWORD: postgres
212
+
213
+ POSTGRES_DB: rails_docker_database
214
+
215
+ ```

2

画像を追加しました

2018/05/05 15:04

投稿

sunnytj
sunnytj

スコア16

test CHANGED
File without changes
test CHANGED
@@ -60,6 +60,8 @@
60
60
 
61
61
  React側のコンテナに入りcurlでAPIにアクセスするとjsonが返ってくるのですが、実際にブラウザからの操作でFetchを投げるとエラーになります
62
62
 
63
+ ![コンテナ内でのcurl](d11835399ff12558376a1ee773a71a81.png)
64
+
63
65
  ```bash
64
66
 
65
67
  $ curl http://172.19.0.3:3001/users #正常に動作する
@@ -83,3 +85,9 @@
83
85
 
84
86
 
85
87
  解決方法ご存知の方いらっしゃいましたらよろしくお願いいたします…
88
+
89
+
90
+
91
+ 返すはずのjsonはこのようなものです
92
+
93
+ ![イメージ説明](e3b5a294d152ba1bcf41abccb441073a.png)

1

corsの設定を追加しました

2018/05/05 13:40

投稿

sunnytj
sunnytj

スコア16

test CHANGED
File without changes
test CHANGED
@@ -44,6 +44,20 @@
44
44
 
45
45
  ```
46
46
 
47
+ corsの許可は以下のようにしています(nginxのIPアドレス)
48
+
49
+ ```Ruby
50
+
51
+ config.action_dispatch.default_headers = {
52
+
53
+ 'Access-Control-Allow-Origin' => 'http://172.19.0.5:80',
54
+
55
+ 'Access-Control-Request-Method' => '*'
56
+
57
+ }
58
+
59
+ ```
60
+
47
61
  React側のコンテナに入りcurlでAPIにアクセスするとjsonが返ってくるのですが、実際にブラウザからの操作でFetchを投げるとエラーになります
48
62
 
49
63
  ```bash