質問編集履歴
5
追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -88,7 +88,7 @@
|
|
88
88
|
|
89
89
|
ここで言うところの2.リクエストに失敗しているものと思われます。
|
90
90
|
|
91
|
-
そもそも、ローカルではrailsサーバーとvueサーバーを別々に起動しておりましたが、1つのherokuアプリで2つを起動することができるのでしょうか?
|
91
|
+
そもそも、ローカルではrailsサーバーとvueサーバーを別々に起動しておりましたが、1つのherokuアプリで2つを起動することができるのでしょうか?(図のバックエンドAとバックエンドBを1つのherokuアプリで起動できるか)
|
92
92
|
|
93
93
|
お分かりになる方いらっしゃいましたら、ご教示ください。
|
94
94
|
|
4
調べたこと、仮説の変更
test
CHANGED
File without changes
|
test
CHANGED
@@ -88,7 +88,7 @@
|
|
88
88
|
|
89
89
|
ここで言うところの2.リクエストに失敗しているものと思われます。
|
90
90
|
|
91
|
-
|
91
|
+
そもそも、ローカルではrailsサーバーとvueサーバーを別々に起動しておりましたが、1つのherokuアプリで2つを起動することができるのでしょうか?
|
92
92
|
|
93
93
|
お分かりになる方いらっしゃいましたら、ご教示ください。
|
94
94
|
|
3
仮説に追記、参考URLの追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -72,16 +72,23 @@
|
|
72
72
|
|
73
73
|
### □仮説及び調べたこと
|
74
74
|
|
75
|
-
|
75
|
+
code: "ERR_BAD_REQUEST"とあることから、APIのaxiosからのリクエストURLが間違っているのではないかと考えました。
|
76
76
|
|
77
|
-
APIのaxiosからrailsにアクセする際のリクエスト先が間違っているのではないかと考えました。
|
78
|
-
|
79
|
-
|
77
|
+
baseurlを以下のように、デプロイしたheroku の urlとしました。
|
80
78
|
なお、開発環境では'http://localhost:3000'を指定しております。
|
81
79
|
|
82
80
|
`VUE_APP_API_ORIGIN='https://xxxxxx.herokuapp.com'`
|
83
81
|
|
84
|
-
しかし、
|
82
|
+
しかし、何の値を入れれば良いか検討がつきませんでした。
|
83
|
+
|
84
|
+
追記
|
85
|
+
|
86
|
+
[こちら](https://qiita.com/ksh-fthr/items/2daaaf3a15c4c11956e9)のシーケンス図を参考にさせていただきましたが、
|
87
|
+
![画像](https://camo.qiitausercontent.com/5482bdc25ddf22b0f7fa0ca7c0404594067128fd/68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f3139333334322f30616635643739322d353433362d656364312d373337322d6438616563356634303139652e706e67)
|
88
|
+
|
89
|
+
ここで言うところの2.リクエストに失敗しているものと思われます。
|
90
|
+
|
91
|
+
こちらに該当するURLが正しくないと思われるのですが、このURLにはherokuで起動しているrails rserverのurlと考えてよろしいのでしょうか?
|
85
92
|
|
86
93
|
お分かりになる方いらっしゃいましたら、ご教示ください。
|
87
94
|
|
@@ -167,3 +174,5 @@
|
|
167
174
|
[https://zenn.dev/atsushi101011/articles/60f2e01ebe2e94](https://zenn.dev/atsushi101011/articles/60f2e01ebe2e94)
|
168
175
|
|
169
176
|
[https://cli.vuejs.org/guide/deployment.html#heroku](https://cli.vuejs.org/guide/deployment.html#heroku)
|
177
|
+
|
178
|
+
https://qiita.com/ksh-fthr/items/2daaaf3a15c4c11956e9
|
2
説明の追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -4,7 +4,7 @@
|
|
4
4
|
|
5
5
|
vueCLI + rials でアプリケーションを作成しております。
|
6
6
|
|
7
|
-
herokuにデプロイしたら、フロント側(vue.js側)は起動するのですが、投稿
|
7
|
+
herokuにデプロイしたら、フロント側(vue.js側)は起動するのですが、投稿などの処理ができません。
|
8
8
|
|
9
9
|
デベロッパーツールでコンソールを確認すると、`Failed to load resource: the server responded with a status of 404 (Not Found)`となります。
|
10
10
|
|
@@ -14,6 +14,12 @@
|
|
14
14
|
|
15
15
|
- vueCLIを用いいたvue.js+railsで構成しております。
|
16
16
|
- APIはaxiosを用いております。
|
17
|
+
- rails側はrailsAPIを用いて、DBから取得した値をAPI(axios)に返すおよび、axiosからデータを受け取るのみとなっております。
|
18
|
+
- フロント側(vue側)はaxiosから受け取った値を処理して表示しております。
|
19
|
+
- 開発時のポート
|
20
|
+
vue-cli : localhost:8080
|
21
|
+
rails : localhost3000
|
22
|
+
|
17
23
|
- 環境
|
18
24
|
|
19
25
|
rails 6.0.0
|
@@ -66,9 +72,12 @@
|
|
66
72
|
|
67
73
|
### □仮説及び調べたこと
|
68
74
|
|
75
|
+
開発環境でrals serverを起動しないで(localhost:3000を起動しないで)動かした際に、挙動としては同じ現象を再現できました。また、code: "ERR_BAD_REQUEST"とあることから
|
76
|
+
|
69
|
-
|
77
|
+
APIのaxiosからrailsにアクセする際のリクエスト先が間違っているのではないかと考えました。
|
70
78
|
|
71
79
|
rails側に接続するbaseurlを以下のように、デプロイしたheroku の urlとしました。
|
80
|
+
なお、開発環境では'http://localhost:3000'を指定しております。
|
72
81
|
|
73
82
|
`VUE_APP_API_ORIGIN='https://xxxxxx.herokuapp.com'`
|
74
83
|
|
1
url typo
test
CHANGED
File without changes
|
test
CHANGED
@@ -70,7 +70,7 @@
|
|
70
70
|
|
71
71
|
rails側に接続するbaseurlを以下のように、デプロイしたheroku の urlとしました。
|
72
72
|
|
73
|
-
`VUE_APP_API_ORIGIN='https://
|
73
|
+
`VUE_APP_API_ORIGIN='https://xxxxxx.herokuapp.com'`
|
74
74
|
|
75
75
|
しかし、こちらのURLが間違っているのではないかと想定しておりますが、何の値を入れれば良いか検討がつきませんでした。
|
76
76
|
|