Cloud9でのCORSの設定(Rails)

Cloud9でCORSの設定方法

現在RailsとReactでWebアプリを作成しております。
Cloud9を使用しているのですが、CORSの設定がうまくいきません。
もしご存知の方がおりましたらご教授お願いいたします。

Rails:ポート8080
React:ポート8081

で立ち上げております。

発生している問題・エラーメッセージ

developertool
1Access to XMLHttpRequest at 'https://××××.vfs.cloud9.us-east-2.amazonaws.com:8080/api/v1/restaurants' from origin 'https://××××.vfs.cloud9.us-east-2.amazonaws.com:8081' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

※××××には環境の文字列が入っております。

関連のソースコード

cors.rb

ruby
1# Be sure to restart your server when you modify this file.
2
3# Avoid CORS issues when API is called from the frontend app.
4# Handle Cross-Origin Resource Sharing (CORS) in order to accept cross-origin AJAX requests.
5
6# Read more: https://github.com/cyu/rack-cors
7
8Rails.application.config.middleware.insert_before 0, Rack::Cors do
9   allow do
10     origins 'https://××××.vfs.cloud9.us-east-2.amazonaws.com:8081'
11     #origins '*'
12     
13     resource '*',
14       headers: :any,
15       methods: [:get, :post, :put, :patch, :delete, :options, :head]
16       #expose: ['Per-Page', 'Total', 'Link']
17   end
18 end
19