質問編集履歴

3

追記

2020/05/20 01:14

投稿

yu-imu
yu-imu

スコア35

test CHANGED
File without changes
test CHANGED
@@ -32,12 +32,20 @@
32
32
 
33
33
  chromeでhttp://localhost:3000/をアクセスした場合です。
34
34
 
35
+ http://localhost:3035/には、CORSを対策したheaderが付与されリクエストは通るのですが、
36
+
37
+ rails側のhttp://localhost:3000/にアクセスすると headerが付与されず失敗となります。(※添付画像参照)
38
+
35
39
  ```
36
40
 
37
41
  scheduler.development.js:178 Uncaught Error: A cross-origin error was thrown. React doesn't have access to the actual error object in development. See https://fb.me/react-crossorigin-error for more information.
38
42
 
39
43
  ```
40
44
 
45
+
46
+
47
+ ![原因画像](12b1951b52fa383ff0f8a7d957d755f6.png)
48
+
41
49
  ※webpackおよびrails側のログにはエラーはありません。
42
50
 
43
51
 

2

2020/05/20 01:14

投稿

yu-imu
yu-imu

スコア35

test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  webpackへ置き換えてwebpack --progress --mode=developmentでは正常に動作するが、
6
6
 
7
- webpack-dev-serverでassetsを取得するとCrosが発生し画面ロードが途中で消えてしまう。
7
+ webpack-dev-serverでassetsを取得するとCORSが発生し画面ロードが途中で消えてしまう。
8
8
 
9
9
 
10
10
 
@@ -220,9 +220,11 @@
220
220
 
221
221
  headers: {
222
222
 
223
- 'Access-Control-Allow-Origin': '*',
223
+ "Access-Control-Allow-Origin": "*",
224
+
224
-
225
+ "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
226
+
225
- 'Access-Control-Allow-Headers': '*'
227
+ "Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization"
226
228
 
227
229
  }
228
230
 

1

CORS

2020/05/19 16:11

投稿

yu-imu
yu-imu

スコア35

test CHANGED
@@ -1 +1 @@
1
- webpack-dev-serverでCrosが回避できない。
1
+ webpack-dev-serverでCORSが回避できない。
test CHANGED
File without changes