[cors] タグが付いた質問
Cross-Origin Resource Sharing はブラウザによるクロスオリジン通信(別ドメインなど)のルールやAPIを規定するW3C勧告です。この文章で定められた Access-Control-* ヘッダなどを適切に使うことで、クロスオリジン通信の制限を緩和することができます。
26
件の質問
1
票
1
回答
120
閲覧数
Vueを使用したAPI通信でCORSエラー
やりたいこと
一つの実行ファイルでAPIサーバーとなるソフトがあり、このAPIを使用して、入手した情報をWebページに表示したい。(テスト用で簡単にAPI通信して、情報をWebブラウザに表示。)
http://localhost:8888/api にアクセスをすると、APIサーバーはJSON形式でAPIバージョンを返答します。
解決したいこと
開発用に手軽に既成APIサーバー(ローカル起動)...
0
票
0
回答
68
閲覧数
vueとrails間のAPI通信でcorsのエラーが解消しない
以下の記事の内容をそのまま実行したところエラーとなりました。
フロントエンドとバックエンドの連携
バックエンド:Ruby on Rails ポート番号3000
フロントエンド:Vue ポート番号3001
として連携できているか、ボタンを押したらメッセージを返すようにしたところ以下のエラーとなります。
corsをインストールしてポート番号も入れているのにcorsでエラーとなる理由がわからないです。
...
0
票
1
回答
214
閲覧数
GETリクエストにする際にContent-Typeを含めるとCORSエラーになる外部APIとならない外部APIの違いがわからない
next.jsのfetch()でGETリクエストにContent-Typeを含めるとリクエスト先によってCORSエラーを出すときと出さないときがあります。わからないのは、CORSエラーを出さない時です。
例えば出さないケースですと下記コードのurlに
https://umayadia-apisample.azurewebsites.net/api/persons/Shakespea
...
0
票
1
回答
118
閲覧数
プロキシサーバーとfetchAPIを使用して、静的LPサイトにEC-CUBEの商品情報を出力したい
EC-CUBE 4.2.1
導入プラグイン: EC-CUBE Web API プラグイン
PHP 7.4.33
やりたいこと
fetchAPIを使用して、EC-CUBEの商品情報を取得したい。
現状
アクセストークンの取得(開発環境でfetchAPIのデータ取得の際に認証が必要だったため、EC-CUBEのOAuth管理からクライアントAPIを登録し対応)
CORS回避のためプロキシサーバーを設定。...
1
票
1
回答
270
閲覧数
本番環境でリクエストへのレスポンスが返ってこない
本番環境へnode.jsとreact.jsで構成されたアプリを載せたところ、フロントからリクエストは送れるものの、レスポンスがない状況です。
corsのアクセスが原因だと思いますが、エンドポイントは問題なく設定できていると思います。フロントエンドはvercelで、バックエンドはherokuにデプロイをしています。どのようにすればレスポンスを得られるでしょうか?...
0
票
0
回答
86
閲覧数
chromeブラウザでGCPに置いたpythonコードからGETリクエストをすると、CORSエラーが出る
こんにちは。CORSエラーの解決についてお聞きしたいです。
GCPへ置いたindex.html内にpyscriptというpythonコードを書ける言語を用いて
GETリクエストをしたとき、以下のCORSエラーが出ます。
CORSエラーを解決する方法を教えていただけませんでしょうか?
"Access to fetch at 'https:/xxxxxx.com/x/xxxx/xxxxx' ...
0
票
1
回答
4,031
閲覧数
どこに Access-Control-Allow-Origin: * を設定しますか
Laravel と Vue で開発をしているのですが、このようなエラーが出てしまい困っています。
どこに Access-Control-Allow-Origin: * を設定すれば解決できますか?
0
票
0
回答
173
閲覧数
CORS問題が解決しない
フロントはTypescriptとVue3、サーバーサイドはgo言語を使って実装しています。
フロントからサーバー側のAPIを叩いた際に以下のエラーが発生しており、サーバー側でCORSの設定を行ったんですが、こちらのエラーが解決しません。
分かる方いますでしょうか?
よろしくお願いいたします。
Access to XMLHttpRequest at 'http://localhost:8080/...
1
票
0
回答
163
閲覧数
Redmineにrack-corsをインストールする方法をご教示ください
環境下ではインターネットに直接接続できないため、以下のような形でインストールをすることになります。
別の端末でrack-corsをダウンロード
Redmine環境に送信
インストール
CORS設定
再起動
上記1については以下のURLから.gemをダウンロードしました。
"gem list"でリストに表示されていることが確認できています。
RubyGemsサイト
...
0
票
1
回答
489
閲覧数
Rails API × Next におけるCSRF対策はCORSの設定だけで良いのかどうか
[Rails API × Next]の構成で、セッションCookieを使ってログイン状態の管理をする予定です。
この場合、Rails APIにCORSの設定をするだけで、CSRF対策は万全といえるのでしょうか??
CORSが設定されていれば、悪意のある外部サイト(異なるオリジン)からのリクエストを防いでくれるので、セッションCookieを利用した偽造リクエストもできないのかなと思っています。
...
0
票
1
回答
388
閲覧数
フロントエンドから法人番号APIを使用した際のcorsエラーについて
フロントエンド側で国税庁が提供する法人番号APIを使用し、企業情報の取得を試みたところ、ブラウザのコンソールにて以下のcorsエラーが発生しました。
こちらの解決策をお伺いしたく存じます。
Access to XMLHttpRequest at '[https://api.houjin-bangou.nta.go.jp/4/num?id=hogehoge&number=hogehoge&...
0
票
1
回答
362
閲覧数
Docker公式のRedmineでCORSをクリアしてRest APIをリクエストする方法
Docker公式のRedmineイメージからコンテナを起動。
Vuejsで自作したフロントエンドからRedmineにRest APIをキック。
結果、以下のCORSエラーが発生した。
これを解消したい。
GitHubからredmine_corsというプラグインをダウンロードし、Web画面から許可するドメインの設定をしても解決せず。
参考文系が少なく原因不明。
エラー内容:
Access to ...
1
票
2
回答
1万
閲覧数
corsエラー「Access-Control-Allow-Origin: *」の設定方法
HTMLとJavaScriptで作成した「入力フォーム&HTTPリクエスト」のプログラムをAmazon S3にホスティングすると、corsエラーが発生してしまいます。
色々と調べてみましたが、まだまだ知識がなく、HTML、JavaScriptコードのどこにどのように Access-Control-Allow-Origin: * を設定すれば解決できるかわからないため、教えて頂けないでしょうか。
...
0
票
0
回答
244
閲覧数
CORSについて
開発環境:Windows 10, VSCode, flaskでWEB開発しています。
html内にstaticフォルダからjsファイルを読み込ませているのですが、読込エラーが発生するようになりました。
<script src="{{ url_for('static', filename='javascript/code_bumon_reload.js')}}">&...
0
票
1
回答
357
閲覧数
Ruby on Railsのapiモードでクロスオリジンの通信がしたい
ruby on railsの勉強中で、知識も乏しく拙い文章ですが、どなたか教えていただけると嬉しいです。
宜しくお願いいたします。
状況
すでに公開しているウェブサイトにお問い合わせフォームを導入しようとしています。
フロント側はhtml、javascript、apacheを、使っています。
バックエンドはapiモードでrailsを使って、メールの送信を行いたいと思っています。
【問題】
...
1
票
0
回答
99
閲覧数
googleの更新でSharedArrayBufferが使えなくなったのでAWSのCORSについて教えていただきたいです
javascriptライブラリを使っていたのですがグーグルの更新でSharedArrayBufferが定義されてませんとエラーが出て、最近解決の参考にしてたのURLと近い状態になりました。
Chrome 92以降のSharedArrayBuffer警告に対するZOZOTOWNが実施した調査と解決策
CORSを以下のように分離させたらJSライブラリが起動しましたが、...
1
票
2
回答
1,011
閲覧数
CORS policy とは何ですか?
chrome extension 内で取得した文字列をローカルのファイルに書き込みがしたいです
javascript のセキュリティ的に直接書き込む方法がなさそうなので
ローカルにリクエスト内容をファイルに書き込みするだけでのウェブサーバーを立てて
そこへ POST するようなコードを chrome extension 内で書いたんですが
has been blocked by CORS ...
0
票
1
回答
1,211
閲覧数
Nuxt Safariでアクセスすると、CORSエラーになってしまう
API側:Rails(ポート番号3002)
Client側:Nuxt(ポート番号7001)
で開発しています。
iOSのSafariから、192.168.x.xxx:7001でアクセスすると、NuxtからRails間の接続でCORSエラーとなってしまい、正常に接続ができない状況です。
XMLHttpRequest cannot load http://localhost:3002/api/v1/...
0
票
1
回答
4,899
閲覧数
別ドメインへの POST通信について
知識が乏しいので、言葉足らずの質問になることを初めにご容赦ください。
参考になる情報のURL等を貼り逃げしてもらうだけでも助かります。
足りない情報があれば随時追記致します。
前提
シングルサインオン?もどきの実装を目標としています。
local開発環境:laravel + Vue.Js
接続先(別サーバー):ZnedFrame2
接続先のlogin画面をまねて例を書くと下記のような形です。
...
2
票
1
回答
201
閲覧数
CORSで単純リクエストになる条件
CORSでSimple Requestになる条件としてMDNに下記の記載があるのですが、“forbidden header name”に記載されているヘッダ(例えば"Cookie")はSimple Requestになるのでしょうか?
Apart from the headers set automatically by the user agent (for example, ...
0
票
0
回答
465
閲覧数
Cross-Origin Read Blocking (CORB) blocked cross-origin response のエラー表示を消すためにはどうすれば良いでしょうか?
いつもお世話になっています。
下記の質問についてご存知の方がいらっしゃいましたら、ご教示を願います。
【質問の主旨】
GitHubに公開したコードをローカル開発環境上で実行してPayPalの決済ボタンを押すと、コンソール画面上に下記のエラーが表示されます。
Cross-Origin Read Blocking (CORB) blocked cross-origin response ...
0
票
1
回答
2,544
閲覧数
Preflight リクエストに関するCORSポリシーエラーについて
Laravel(5.7.0)でAPIを開発し、Angular(CLI 7.3.7)でクライアントサイドのアプリケーションを開発しました。
ドメインは
Angular: example.com
Laravel: api.example.com
とサブドメイン型にしています。
サーバーはxserverです。
AngularアプリはLaravel製のAPIを叩いてデータを取得するのですが、...
0
票
1
回答
1万
閲覧数
クロスドメインでのiframe内DOM操作
あるページ(親)から別ドメインのページ(子)をiframeにて表示しており
親ページでのイベントで、文字の大きさ等を変更するjsを実行した場合に
iframe内のDOMにも反映したいのですが
クロスドメイン制約の為、直接変更することができず困っております。
CORSのレスポンスヘッダー(Access-Control-Allow-Origin)のように、
...
0
票
1
回答
2,058
閲覧数
Google Chromeでのamazon S3画像へのクロスドメイン接続
S3に配置された画像ファイルをクロスドメイン接続で取得したいのですがGoogle Chromeだけできません。
S3のCORSの設定には下記を設定しています。
<CORSConfiguration>
<CORSRule>
<AllowedOrigin>*</AllowedOrigin>
<AllowedMethod>...
0
票
1
回答
2,870
閲覧数
html5のcanvasを使って画像を読み込み、読み込んだ画像に装飾し、pngなどの形式で書きだしたい
js初心者です。
HTML5のcanvasを使って
読み込んだ画像に何かしらの装飾(fillTextなどで画像にテキストを描画)を行い、
canvasごとpngなどの形式で書き出したいと考えています。
しかし、下記エラーが出て上手く書き出せません。ご教示いただけますと幸いです。
Script from origin 'file://' has been blocked from loading ...
0
票
3
回答
361
閲覧数
d3.jsを利用してはてなブックマークの新着記事を表示したい
現在こちらのページのtag1216様のプログラムを参考にはてなブックマークの新着記事のタグを収集し、同じようにForceレイアウトで表示し、ノードに記事へのリンクをつけたいと考えています。
しかしはてなブックマークのAPIを利用しようとするとクロスオリジン要求をブロックされqiitaのAPIと同じようにすることができません。
...