0

ruby on railsの勉強中で、知識も乏しく拙い文章ですが、どなたか教えていただけると嬉しいです。
宜しくお願いいたします。

状況

すでに公開しているウェブサイトにお問い合わせフォームを導入しようとしています。
フロント側はhtml、javascript、apacheを、使っています。
バックエンドはapiモードでrailsを使って、メールの送信を行いたいと思っています。
【問題】
railsの"rack-cors"というgemをインストールしてCORSの設定をしましたが、
以下の写真のようにエラーが出ています。
chromeでは通信ができておらず、firefoxでテストした場合は
通信は出来ていますが、エラーが出ています。
解決方法をご存じの方がいらっしゃいましたらご教授お願い致します。
↓chromeのエラー
chrome
↓firefoxのエラー
firefox

【cors.rb】

Rails.application.config.middleware.insert_before 0, Rack::Cors do
  allow do
   origins "*"

    resource "*",
      headers: :any,
      methods: [:get, :post, :put, :patch, :delete, :options, :head]
  end
end

【routes.rb】

Rails.application.routes.draw do
  get "contact/test"
end

const onClickSubmitBtnTest = () => {
    const submit_btn = document.getElementById('btn_submit_test');
        var request = new XMLHttpRequest();
        request.open('GET', "http://127.0.0.1:3000/contact/test", true);

        // // レスポンスが返ってきた時の処理を記述
        // request.onload = function () {
        // // レスポンスが返ってきた時の処理
        // }
        
        // リクエストをURLに送信
        request.send();
}
<button id="btn_submit_test" class="btn btn_submit" onclick={onClickSubmitBtnTest()}>テスト<i class=""></i></button>

0

1 件の回答 1

0

Rails.application.config.hosts << "example.com"のような記述をconfig/application.rbなどに追加してみてください。"example.com"の部分はフロントエンドが動作しているドメインになります。

https://github.com/cyu/rack-cors#rails-configuration
こちらに記述されている内容です。

もしそれで動かなければ、cors.rbのファイルの置き場所が間違っているのかもしれません。config/initializers配下であれば読み込まれてはいるはずです。

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。