質問編集履歴
4
タイトルを変更
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
|
|
1
|
+
docker-compose up時にNuxt.jsがAPIと通信できない
|
body
CHANGED
|
File without changes
|
3
試したことを追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -247,6 +247,18 @@
|
|
|
247
247
|
#localhostでなく、0.0.0.0にしても同じ結果でした
|
|
248
248
|
```
|
|
249
249
|
|
|
250
|
+
- railsAPIのコンテナの内部IPを調べてproxyにそれを入れたらとりあえず無事に通信できました。
|
|
251
|
+
|
|
252
|
+
```ここに言語を入力
|
|
253
|
+
proxy: {
|
|
254
|
+
'/api': {
|
|
255
|
+
target: 'http://172.22.0.3:3001'
|
|
256
|
+
}
|
|
257
|
+
},
|
|
258
|
+
```
|
|
259
|
+
|
|
260
|
+
他の方はlocalhostでやっているようなので、その方法を引き続き求めております。
|
|
261
|
+
|
|
250
262
|
### 補足情報（FW/ツールのバージョンなど）
|
|
251
263
|
|
|
252
264
|
Nuxt.jsのbaseImageはnode:14-buster
|
2
試したことを追加
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
Nuxt.jsで
|
|
1
|
+
Nuxt.jsでdocker-compose up時にAPIと通信できない
|
body
CHANGED
|
@@ -240,6 +240,13 @@
|
|
|
240
240
|
試したのは以上です。
|
|
241
241
|
初学者ゆえ無知で申し訳ございませんが、アドバイスよろしくお願い致します。
|
|
242
242
|
|
|
243
|
+
- proxyを使わずに以下のようにフルパスで指定してみたところ、504errorが消えECONNREFUSED127.0.0.1:3001が出ました。
|
|
244
|
+
```ここに言語を入力
|
|
245
|
+
async asyncData({ $axios }) {
|
|
246
|
+
const res = await $axios.$get('http://localhost:3001/api/users')
|
|
247
|
+
#localhostでなく、0.0.0.0にしても同じ結果でした
|
|
248
|
+
```
|
|
249
|
+
|
|
243
250
|
### 補足情報（FW/ツールのバージョンなど）
|
|
244
251
|
|
|
245
252
|
Nuxt.jsのbaseImageはnode:14-buster
|
1
HOSTをlocalhostから0.0.0.0に変更 ＆ dockerfileを追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -8,8 +8,8 @@
|
|
|
8
8
|
$docker-compose up
|
|
9
9
|
でアプリを立ち上げたらフロントエンドとバックエンドが通信できませんでした。
|
|
10
10
|
|
|
11
|
-
Nuxt.jsは
|
|
11
|
+
Nuxt.jsはhttp://0.0.0.0:3000
|
|
12
|
-
railsAPIは
|
|
12
|
+
railsAPIはhttp://0.0.0.0:3001
|
|
13
13
|
です。
|
|
14
14
|
|
|
15
15
|
### 発生している問題・エラーメッセージ
|
|
@@ -90,7 +90,6 @@
|
|
|
90
90
|
'^/api': ''
|
|
91
91
|
}
|
|
92
92
|
}
|
|
93
|
-
// pathRewrite書いたら404エラー出た
|
|
94
93
|
// ここにプロダクションの時のかけばいける。書かんでもlocalhostでいけるかも
|
|
95
94
|
},
|
|
96
95
|
/*
|
|
@@ -171,6 +170,53 @@
|
|
|
171
170
|
end
|
|
172
171
|
```
|
|
173
172
|
|
|
173
|
+
######front/Dockerfile(Nuxt.js)
|
|
174
|
+
```ここに言語を入力
|
|
175
|
+
FROM node:14-buster
|
|
176
|
+
|
|
177
|
+
ENV LANG=C.UTF-8 \
|
|
178
|
+
TZ=Asia/Tokyo \
|
|
179
|
+
APP=/usr/src/app
|
|
180
|
+
|
|
181
|
+
ENV HOST 0.0.0.0
|
|
182
|
+
|
|
183
|
+
WORKDIR $APP
|
|
184
|
+
|
|
185
|
+
COPY package.json $APP
|
|
186
|
+
COPY yarn.lock $APP
|
|
187
|
+
RUN yarn install
|
|
188
|
+
|
|
189
|
+
|
|
190
|
+
COPY . $APP
|
|
191
|
+
|
|
192
|
+
CMD ["yarn", "run", "dev"]
|
|
193
|
+
|
|
194
|
+
```
|
|
195
|
+
######back/Dockerfile(railsAPI)
|
|
196
|
+
```ここに言語を入力
|
|
197
|
+
FROM ruby:2.6.3
|
|
198
|
+
RUN apt-get update -qq && apt-get install -y nodejs && \
|
|
199
|
+
apt-get clean
|
|
200
|
+
ENV TZ=Asia/Tokyo
|
|
201
|
+
|
|
202
|
+
ENV APP /usr/src/app
|
|
203
|
+
WORKDIR $APP
|
|
204
|
+
COPY Gemfile* $APP/
|
|
205
|
+
|
|
206
|
+
RUN bundle install -j4
|
|
207
|
+
COPY . $APP
|
|
208
|
+
|
|
209
|
+
# Add a script to be executed every time the container starts.
|
|
210
|
+
COPY docker-entrypoint.sh /usr/bin/
|
|
211
|
+
RUN chmod +x /usr/bin/docker-entrypoint.sh
|
|
212
|
+
ENTRYPOINT ["docker-entrypoint.sh"]
|
|
213
|
+
EXPOSE 3001
|
|
214
|
+
|
|
215
|
+
# Start the main process.
|
|
216
|
+
CMD ["rails", "server", "-p", "3001", "-b", "0.0.0.0"]
|
|
217
|
+
|
|
218
|
+
```
|
|
219
|
+
|
|
174
220
|
### 試したこと
|
|
175
221
|
|
|
176
222
|
- localのNuxtとdockerのrailsAPIは問題なく通信可能。
|