CORSに関連する質問一覧

新着
アクティブ
未回答
未解決
注目
解決済

解決済

回答

1
【Nuxt.js/Laravel】CORSエラーについて

前提・実現したいことフロントエンドとバックエンドでサーバーを分けて開発をしています・フロントエンド： Nuxt.js, Netlify　・バックエンド： Laravel, Heroku　バックエンドでstripeのcheckoutページを作成して、決済画面にリダイレクトさせたいのですがCORSエラーが発生しました。発生している問題・エラーメッセージ CORSエラーが発生しています
- Laravel
- CORS
- Vue.js
- Stripe
- Nuxt.js
- 0評価
- 1クリップ
- 112PV
RyoS_ 21時間前にベストアンサー
受付中

回答

1
Rails API CORS設定に関して上手く発動していない気がします。POSTMAN等のAPIクライアントで叩けてしまう。

# cors.rb Rails.application.config.middleware.insert_before 0, Rack::Cors do allow do origins 'localhost:3005','https://teratailthanks.com' resource '*', headers: :any, methods
- Ruby
- Ruby on Rails
- API
- CORS
- 0評価
- 1クリップ
- 67PV
maisumakun 2日前にコメント
解決済

回答

3
javascriptファイルが動かない

vscodeでもbracketでもエクスプローラーから開いてもローカルホスト上のサイトでJavaScriptで記述したコードが読み込まれませんエラーはこのようになっています。****Access to internal resource at 'file:///C:/Users/User/Documents/javascript_seito/site.webmanifest' from orig
- JavaScript
- HTML
- jQuery
- Chrome
- CORS
- 1評価
- 2クリップ
- 1638PV
tendo 5日前にベストアンサー
受付中

回答

0
Django-CORS-Headersが動作しません。

DjangoのAPIサーバーでPreflightを通過させれるようなヘッダー情報を付加できるようにしたいです。しかし、Django-cors-headersがうまく動作していないようです。まず、ローカルの自前DjangoサーバのAPIをChromeブラウザのjsコード経由で読み込もうとすると、 Access to XMLHttpRequest at 'http://127.0.0.1:
- API
- Django
- REST
- サーバ
- CORS
- 0評価
- 1クリップ
- 96PV
teratailが 5日前にアップデート
解決済

回答

1
YahooAPIの結果をJavaScriptから取得したいが、CORSによってブロックされてしまう

前提・実現したいこと現在地を取得して、最寄りのマクドナルドやガストなどを検索するアプリケーションを作成しています。「Yahoo!ローカルサーチAPI」を利用して、その検索結果をJavaScriptから利用しようと思ったのですが、作成したWebアプリケーションを実行してコンソールを開くと、 Access to fetch at 'https://map.yahooapis.jp/search
- JavaScript
- CORS
- 1評価
- 1クリップ
- 354PV
BraveDragon 4週間前にベストアンサー
解決済

回答

1
railsとvueでバリデーションで弾かれた際に422 (Unprocessable Entity)が出てしまう。

rails6とvue2系でアプリケーションを作っています。現状 axiosを使って作成、編集をする際にバリデーションに弾かれた場合にコンソールに以下のエラー分が表示されます。バリデーションエラー文自体は表示できるのですが、コンソールに422が表示される理由がわかりません。バリデーションに引っかからない場合は200で通ります。 corsはrack-corsを使用しています POST
- Ruby on Rails
- API
- CORS
- Vue.js
- axios
- 0評価
- 0クリップ
- 121PV
maisumakun 4週間前にコメント
解決済

回答

1
Nuxt.jsとLaravelのAPIでAjax通信した際のCORSエラーが解消できない

前提・実現したいこと Nuxt.jsとLaravelのAPI通信ができるようにしたい。現在Nuxt.jsとLaravelでLIFFアプリを作っています。 Nuxt.jsからAxiosでAPIを叩いた時、CORSエラーが発生しました。発生している問題・エラーメッセージ 'https://line-form-frontend.netlify.app'から'https://50a7e4b51
- API
- Laravel
- CORS
- Nuxt.js
- axios
- 0評価
- 0クリップ
- 150PV
RyoS_ 1ヶ月前に回答
解決済

回答

1
API単体だとクッキーが作れるがクロスオリジンだとcookieが作られない。

現状 Dockerでrails, node, Nginx, MySQLのイメージをビルドして動かしてます ruby 2.73 rails 6.1.3.2 node 14.17-alpine MySQL 5.7 です。フロントはnom create-react-appで作りました。 railsのエンドポイントにブラウザから直接アクセスするとクッキーの保存を確認できます。しかしフロントからアクセス
- Ruby on Rails
- Cookie
- XHR
- CORS
- React.js
- 0評価
- 1クリップ
- 177PV
yaha4967 1ヶ月前に回答
解決済

回答

1
Nuxt.jsとLaravelのAPIでAjax通信した際のCORSエラーが解消できない

前提・実現したいこと Nuxt.jsとLaravelのAPI通信ができるようにしたい。現在Nuxt.jsとLaravelでLIFFアプリを作っています。 Nuxt.jsからAxiosでAPIを叩いた時、CORSエラーが発生しました。発生している問題・エラーメッセージ 'https://deploy-preview-1--line-form-frontend.netlify.app'から
- Laravel
- CORS
- Nuxt.js
- 0評価
- 1クリップ
- 335PV
RyoS_ 1ヶ月前にベストアンサー
解決済

回答

2
【rails, nginx】cors の設定をしているのに「No 'Access-Control-Allow-Origin' header is present 」になる

アプリ環境・フロントエンドにreact ポート80 ・バックエンドにrails-api ・nginxでリクエストを受け取りrails-apiに転送ポート3001 ・docker-composeでdocker上に環境構築 ](fe4dcd90c1915689927d961bf71a57e0.png) 困っていること rails, nginxにcorsの設定をしている、具体的にはorigi
- Ruby on Rails
- Docker
- CORS
- React.js
- 0評価
- 1クリップ
- 416PV
gozikyu 2ヶ月前にベストアンサー
受付中

回答

0
Cordova10にアップデートしてからAjaxでCORSのエラー

概要 Cordova9で動作していましたが、Cordova10にアップグレードしたら、動作しなくなりました。 FireBaseのDynamicLinksからAjaxを呼び出す処理で、以下のエラーが出るようになりました。何か追加の設定が必要なのでしょうか？エラー [Error] Cross-origin redirection to https://example.com/xxx denie
- Ajax
- Cordova
- CORS
- Monaca
- 0評価
- 1クリップ
- 160PV
teratailが 2ヶ月前にアップデート
解決済

回答

1
CSSでCORSとなる範囲を知りたいです

CSS上でCORSの可能性が出る記述を知りたいです。画像などの単純な外部リソースの取得はCORSに該当していませんが下記でCORSになることを確認できました。 CSS での @font-face を使った Web フォントの読み込み CSSでCORSが発生するその他の記述がありましたら教えて頂けると助かります。
- CSS
- CORS
- 0評価
- 2クリップ
- 210PV
yookoko 2ヶ月前にコメント
解決済

回答

3
asp.net core 5とvue3でクロスドメインなspaでcookie認証によるCSRF対策について

前提・実現したいこと現在、asp.net core 5 と vue3を使ってクロスドメインなSPAの開発を個人で行っております。 ※vueとasp.netでドメイン(サーバー)が別そこでユーザー認証をする際、cookie認証を使用しているのですが、CSRFを懸念しております。 ※jwtによる認証も検討しましたが、XSSによるセッションハイジャックの可能性を考慮してやめました。発生している
- ASP.NET
- セキュリティー
- CSRF
- CORS
- Vue.js
- 0評価
- 4クリップ
- 960PV
ockeghem 2ヶ月前にコメント
受付中

回答

0
【環境：EC2、ALB、Route53】独自ドメインからAPIにアクセスするときにCORSエラーが発生する

やりたいこと以下の構成でブラウザ上のreactからrails-apiにリクエストを送りたいフロントエンド：react バックエンド：rails インフラ：AWS下記図 EC2にdockerをインストールして、docker-composeでreact、rails、nginxを起動しています。困っていること 'Access-Control-Allow-Origin' header
- 0評価
- 1クリップ
- 245PV
teratailが 2ヶ月前にアップデート
解決済

回答

1
http://localhost:3001だと期待通りアクセスできるがhttp://127.0.0.1:3001/だとcorsエラーがでるのはなぜ

Rails APIモードとReact hooksでアプリを作っています。 http://localhost:3001だと期待通りアクセスできるのですがhttp://127.0.0.1:3001/でアクセスするとcorsエラーが出てしまいます。この二つは同じURLではないのでしょうか？ cors.rbはこのように書きました。 Rails.application.config.mi
- HTTP
- CORS
- React.js
- Ruby on Rails 6
- 0評価
- 1クリップ
- 246PV
yaha4967 2ヶ月前にベストアンサー
解決済

回答

2
Nuxt.jsとLaravelのAPIでAjax通信した際のCORSエラーが解消できない

前提・実現したいこと Nuxt.jsとLaravelのAPI通信ができるようにしたい。現在Nuxt.jsとLaravelで簡単なTodoリストを作っています。 Nuxt.jsからAxiosでAPIを叩いた時、CORSエラーが発生しました。 Github 発生している問題・エラーメッセージ Access to XMLHttpRequest at 'http://localhost:10
- Laravel
- CORS
- Nuxt.js
- 0評価
- 1クリップ
- 392PV
RyoS_ 2ヶ月前にベストアンサー
解決済

回答

2
html crossorigin 属性のCORSの意味で何を理解していればいいのか知りたい。

提示コードのコメント部のライブラリ部の<script>タグのcrossorigin属性部ですが調べると[ <audio>, <img>, <link>, <script>, <video> の各要素で有効であり、 CORS への対応を提供し、したがって要素が読み取るデータのために CORS リクエストの構成を有効にします。要素によっては、属性は CORS 設定属性になります。 ]とありますがCO
- JavaScript
- HTML
- HTTP
- CORS
- -2評価
- 2クリップ
- 339PV
landy77 3ヶ月前にコメント
解決済

回答

2
IonicからSpring Webアプリケーションにアクセスしたい

ionicとJavaを勉強しているものです。 ▼開発環境・Windows PC： ionicを実装・Mac PC: STS(Spring Tool Suite)でWebアプリケーション実装 DockerでUbuntuを起動してionicからリクエストを受け付ける動作確認のために以下のように実装しました。 import { HttpClient, HttpHeaders } f
- Java
- Ubuntu
- CORS
- Ionic
- 1評価
- 2クリップ
- 516PV
Linkey 3ヶ月前に回答
解決済

回答

2
Vue.js axios でCORSエラーを解決したい

vueでaxiosを使用し、郵便番号検索APIをたたくとCORSのエラーが出る <script> data() { return { headers: { 'Content-Type': 'application/json;charset=UTF-8', 'Access-Control-Allow-Origin': '*', } } }, methods: { ax
- CORS
- Vue.js
- axios
- 0評価
- 1クリップ
- 1704PV
boniri 3ヶ月前にコメント
解決済

回答

1
本番環境(EC2)にデプロイしたら、CORS policy のエラーでフロントとAPIで通信できない

以下の内容で開発をしており、EC2上にデプロイをしたのですが、corsのエラーでフロントエンドからAPIにリクエストを投げてもレスポンスを受け取れないで困っております。フロントエンド：react ポート3000で起動 API:rails apiモード　ポート3001で起動 docker-compose を用いてフロントエンド、API用のコンテナをそれぞれ起動させています。 ①react
- 0評価
- 1クリップ
- 419PV
gozikyu 3ヶ月前にベストアンサー