質問編集履歴
4
タイトルを変更
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
|
1
|
+
docker-compose up時にNuxt.jsがAPIと通信できない
|
test
CHANGED
File without changes
|
3
試したことを追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -496,6 +496,30 @@
|
|
496
496
|
|
497
497
|
|
498
498
|
|
499
|
+
- railsAPIのコンテナの内部IPを調べてproxyにそれを入れたらとりあえず無事に通信できました。
|
500
|
+
|
501
|
+
|
502
|
+
|
503
|
+
```ここに言語を入力
|
504
|
+
|
505
|
+
proxy: {
|
506
|
+
|
507
|
+
'/api': {
|
508
|
+
|
509
|
+
target: 'http://172.22.0.3:3001'
|
510
|
+
|
511
|
+
}
|
512
|
+
|
513
|
+
},
|
514
|
+
|
515
|
+
```
|
516
|
+
|
517
|
+
|
518
|
+
|
519
|
+
他の方はlocalhostでやっているようなので、その方法を引き続き求めております。
|
520
|
+
|
521
|
+
|
522
|
+
|
499
523
|
### 補足情報(FW/ツールのバージョンなど)
|
500
524
|
|
501
525
|
|
2
試したことを追加
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
Nuxt.jsでd-c up時に
|
1
|
+
Nuxt.jsでdocker-compose up時にAPIと通信できない
|
test
CHANGED
@@ -482,6 +482,20 @@
|
|
482
482
|
|
483
483
|
|
484
484
|
|
485
|
+
- proxyを使わずに以下のようにフルパスで指定してみたところ、504errorが消えECONNREFUSED127.0.0.1:3001が出ました。
|
486
|
+
|
487
|
+
```ここに言語を入力
|
488
|
+
|
489
|
+
async asyncData({ $axios }) {
|
490
|
+
|
491
|
+
const res = await $axios.$get('http://localhost:3001/api/users')
|
492
|
+
|
493
|
+
#localhostでなく、0.0.0.0にしても同じ結果でした
|
494
|
+
|
495
|
+
```
|
496
|
+
|
497
|
+
|
498
|
+
|
485
499
|
### 補足情報(FW/ツールのバージョンなど)
|
486
500
|
|
487
501
|
|
1
HOSTをlocalhostから0.0.0.0に変更 & dockerfileを追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -18,9 +18,9 @@
|
|
18
18
|
|
19
19
|
|
20
20
|
|
21
|
-
Nuxt.jsは
|
21
|
+
Nuxt.jsはhttp://0.0.0.0:3000
|
22
|
-
|
22
|
+
|
23
|
-
railsAPIは
|
23
|
+
railsAPIはhttp://0.0.0.0:3001
|
24
24
|
|
25
25
|
です。
|
26
26
|
|
@@ -182,8 +182,6 @@
|
|
182
182
|
|
183
183
|
}
|
184
184
|
|
185
|
-
// pathRewrite書いたら404エラー出た
|
186
|
-
|
187
185
|
// ここにプロダクションの時のかけばいける。書かんでもlocalhostでいけるかも
|
188
186
|
|
189
187
|
},
|
@@ -344,6 +342,100 @@
|
|
344
342
|
|
345
343
|
|
346
344
|
|
345
|
+
######front/Dockerfile(Nuxt.js)
|
346
|
+
|
347
|
+
```ここに言語を入力
|
348
|
+
|
349
|
+
FROM node:14-buster
|
350
|
+
|
351
|
+
|
352
|
+
|
353
|
+
ENV LANG=C.UTF-8 \
|
354
|
+
|
355
|
+
TZ=Asia/Tokyo \
|
356
|
+
|
357
|
+
APP=/usr/src/app
|
358
|
+
|
359
|
+
|
360
|
+
|
361
|
+
ENV HOST 0.0.0.0
|
362
|
+
|
363
|
+
|
364
|
+
|
365
|
+
WORKDIR $APP
|
366
|
+
|
367
|
+
|
368
|
+
|
369
|
+
COPY package.json $APP
|
370
|
+
|
371
|
+
COPY yarn.lock $APP
|
372
|
+
|
373
|
+
RUN yarn install
|
374
|
+
|
375
|
+
|
376
|
+
|
377
|
+
|
378
|
+
|
379
|
+
COPY . $APP
|
380
|
+
|
381
|
+
|
382
|
+
|
383
|
+
CMD ["yarn", "run", "dev"]
|
384
|
+
|
385
|
+
|
386
|
+
|
387
|
+
```
|
388
|
+
|
389
|
+
######back/Dockerfile(railsAPI)
|
390
|
+
|
391
|
+
```ここに言語を入力
|
392
|
+
|
393
|
+
FROM ruby:2.6.3
|
394
|
+
|
395
|
+
RUN apt-get update -qq && apt-get install -y nodejs && \
|
396
|
+
|
397
|
+
apt-get clean
|
398
|
+
|
399
|
+
ENV TZ=Asia/Tokyo
|
400
|
+
|
401
|
+
|
402
|
+
|
403
|
+
ENV APP /usr/src/app
|
404
|
+
|
405
|
+
WORKDIR $APP
|
406
|
+
|
407
|
+
COPY Gemfile* $APP/
|
408
|
+
|
409
|
+
|
410
|
+
|
411
|
+
RUN bundle install -j4
|
412
|
+
|
413
|
+
COPY . $APP
|
414
|
+
|
415
|
+
|
416
|
+
|
417
|
+
# Add a script to be executed every time the container starts.
|
418
|
+
|
419
|
+
COPY docker-entrypoint.sh /usr/bin/
|
420
|
+
|
421
|
+
RUN chmod +x /usr/bin/docker-entrypoint.sh
|
422
|
+
|
423
|
+
ENTRYPOINT ["docker-entrypoint.sh"]
|
424
|
+
|
425
|
+
EXPOSE 3001
|
426
|
+
|
427
|
+
|
428
|
+
|
429
|
+
# Start the main process.
|
430
|
+
|
431
|
+
CMD ["rails", "server", "-p", "3001", "-b", "0.0.0.0"]
|
432
|
+
|
433
|
+
|
434
|
+
|
435
|
+
```
|
436
|
+
|
437
|
+
|
438
|
+
|
347
439
|
### 試したこと
|
348
440
|
|
349
441
|
|