質問編集履歴
3
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -4,14 +4,7 @@
|
|
|
4
4
|
現在Nuxt.jsとLaravelでLIFFアプリを作っています。
|
|
5
5
|
Nuxt.jsからAxiosでAPIを叩いた時、CORSエラーが発生しました。
|
|
6
6
|
|
|
7
|
-
### Github
|
|
8
|
-
#### フロントエンド
|
|
9
|
-
[https://github.com/ssk9597/LINE-Form-Frontend](https://github.com/ssk9597/LINE-Form-Frontend)
|
|
10
7
|
|
|
11
|
-
#### バックエンド
|
|
12
|
-
[https://github.com/ssk9597/LINE-Form-Backend](https://github.com/ssk9597/LINE-Form-Backend)
|
|
13
|
-
|
|
14
|
-
|
|
15
8
|
## 発生している問題・エラーメッセージ
|
|
16
9
|
|
|
17
10
|
'https://line-form-frontend.netlify.app'から'https://50a7e4b5197c.ngrok.io/api/'のXMLHttpRequestへのアクセスは、CORSポリシーによりブロックされている。
|
2
Postmanのヘッダー情報を追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -142,4 +142,9 @@
|
|
|
142
142
|
|
|
143
143
|
|
|
144
144
|
CORSエラーの解消にはどのようなことが必要なのでしょうか？
|
|
145
|
-
大変恐縮ですが、ご教授お願いいたします。
|
|
145
|
+
大変恐縮ですが、ご教授お願いいたします。
|
|
146
|
+
|
|
147
|
+
## 追記
|
|
148
|
+
### Postmanのヘッダー情報
|
|
149
|
+
|
|
150
|
+
|
1
ファイル名を修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
```
|
|
58
58
|
|
|
59
59
|
#### バックエンド
|
|
60
|
-
##### Middleware/
|
|
60
|
+
##### Middleware/Cors.php
|
|
61
61
|
|
|
62
62
|
```
|
|
63
63
|
<?php
|
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
[こちらの記事](https://blog.cloud-acct.com/posts/u-rails-rackcors#cors%E8%A8%AD%E5%AE%9A%E3%81%AE%E6%96%B9%E6%B3%95)でRails＋Nuxt.jsなので若干違いますが、Dockerコンテナ経由だとproxy（代理サーバ）を立てて通信を行う方法はうまくいかないとありました。
|
|
139
139
|
|
|
140
140
|
Rails側でリクエストがくるドメインを許可する方法で設定したとありました。
|
|
141
|
-
Laravelで言うと、`Middleware/
|
|
141
|
+
Laravelで言うと、`Middleware/Cors.php`で行った設定でいいのかなと思ったのですがこちらでもうまくいきませんでした。
|
|
142
142
|
|
|
143
143
|
|
|
144
144
|
CORSエラーの解消にはどのようなことが必要なのでしょうか？
|