質問編集履歴

4

タイトルを変更

2020/05/02 02:58

投稿

msickpaler
msickpaler

スコア14

test CHANGED
@@ -1 +1 @@
1
- Nuxt.jsでdocker-compose up時にAPIと通信できない
1
+ docker-compose up時にNuxt.jsがAPIと通信できない
test CHANGED
File without changes

3

試したことを追加

2020/05/02 02:58

投稿

msickpaler
msickpaler

スコア14

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

試したことを追加

2020/05/01 16:54

投稿

msickpaler
msickpaler

スコア14

test CHANGED
@@ -1 +1 @@
1
- Nuxt.jsでd-c up時にrailsAPIと繋がらない
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を追加

2020/05/01 16:13

投稿

msickpaler
msickpaler

スコア14

test CHANGED
File without changes
test CHANGED
@@ -18,9 +18,9 @@
18
18
 
19
19
 
20
20
 
21
- Nuxt.jsはlocalhost:3000
21
+ Nuxt.jsはhttp://0.0.0.0:3000
22
-
22
+
23
- railsAPIはlocalhost:3001
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