質問編集履歴
2
解決方法を追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -72,6 +72,33 @@
|
|
|
72
72
|
{"id":1,"body":"ABC","created_at":"2023-10-29T12:24:31.739Z","updated_at":"2023-10-29T12:24:31.739Z"}
|
|
73
73
|
```
|
|
74
74
|
|
|
75
|
+
### 解決方法
|
|
76
|
+
|
|
77
|
+
サーバサイドの Rails アプリケーションに、CORSの設定が不足していました。
|
|
78
|
+
不足していた設定を追加することで解決しました。
|
|
79
|
+
|
|
80
|
+
```ruby
|
|
81
|
+
# Be sure to restart your server when you modify this file.
|
|
82
|
+
|
|
83
|
+
# Avoid CORS issues when API is called from the frontend app.
|
|
84
|
+
# Handle Cross-Origin Resource Sharing (CORS) in order to accept cross-origin Ajax requests.
|
|
85
|
+
|
|
86
|
+
# Read more: https://github.com/cyu/rack-cors
|
|
87
|
+
|
|
88
|
+
Rails.application.config.middleware.insert_before 0, Rack::Cors do
|
|
89
|
+
allow do
|
|
90
|
+
# 以下に、 http://localhost:5173 が不足していたため、追加したところ
|
|
91
|
+
解決 しました
|
|
92
|
+
origins "http://localhost:3000", "http://localhost:5173"
|
|
93
|
+
|
|
94
|
+
resource "*",
|
|
95
|
+
headers: :any,
|
|
96
|
+
methods: [:get, :post, :put, :patch, :delete, :options, :head]
|
|
97
|
+
end
|
|
98
|
+
end
|
|
99
|
+
|
|
100
|
+
```
|
|
101
|
+
|
|
75
102
|
### 補足情報（FW/ツールのバージョンなど）
|
|
76
103
|
|
|
77
104
|
**package.json**
|
1
URL 誤りを修正しました。それに伴うエラーメッセージの変化を反映しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -11,8 +11,10 @@
|
|
|
11
11
|
### 発生している問題・エラーメッセージ
|
|
12
12
|
|
|
13
13
|
ブラウザのコンソールに以下が表示されています。
|
|
14
|
+
~~Uncaught (in promise) SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON~~
|
|
15
|
+
|
|
14
16
|
```
|
|
15
|
-
|
|
17
|
+
GET http://localhost:5173/posts/1 500 (Internal Server Error)
|
|
16
18
|
```
|
|
17
19
|
|
|
18
20
|
`vite.config.ts` の proxy 設定に誤りがあるような気がするのですが、問題を特定できていません。
|
|
@@ -56,7 +58,7 @@
|
|
|
56
58
|
},
|
|
57
59
|
server: {
|
|
58
60
|
proxy: { // CORS 対策
|
|
59
|
-
'/post/1': 'http://localhost/3000',
|
|
61
|
+
'/posts/1': 'http://localhost/3000',
|
|
60
62
|
}
|
|
61
63
|
}
|
|
62
64
|
})
|
|
@@ -69,11 +71,6 @@
|
|
|
69
71
|
curl localhost:3000/posts/1
|
|
70
72
|
{"id":1,"body":"ABC","created_at":"2023-10-29T12:24:31.739Z","updated_at":"2023-10-29T12:24:31.739Z"}
|
|
71
73
|
```
|
|
72
|
-
|
|
73
|
-
**HTTPレスポンスの確認結果**
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
74
|
|
|
78
75
|
### 補足情報（FW/ツールのバージョンなど）
|
|
79
76
|
|