无法从获取请求中获取“访问-控制-允许-起源”标头

Question

    fetch('https://www.myapp.com/api/post_comment/test', {
     method: 'get',
     headers: {'Content-Type':'application/json'}
    });

以下是我在js控制台中不断出现的错误：

CORS策略阻止从来源“http：//localhost:3000”在“https://www.myapp.com/api/test”获取：对飞行前请求的响应未通过访问控制检查：请求的资源上没有“Access-Control-Allow-Origin”标头。如果一个不透明的响应满足您的需要，请将请求的模式设置为“no-cors”，以便在禁用CORS的情况下获取资源。

“https://www.myapp.com/api/test”的FetchEvent导致了一个网络错误响应：一个不是响应的对象被传递给respondWith（）。

#Gemfile:

gem 'rack-cors'

#config/initializers/cors.rb:

Rails.application.config.middleware.insert_before 0, Rack::Cors do
  allow do
    origins '*'
    resource '/api/*', headers: :any, methods: [:get, :post, :patch, :put]
  end
end

before_action :cors_preflight_check
after_action :cors_set_access_control_headers


def cors_set_access_control_headers
    headers['Access-Control-Allow-Origin'] = '*'
    headers['Access-Control-Allow-Methods'] = 'POST, PUT, DELETE, GET, OPTIONS'
    headers['Access-Control-Request-Method'] = '*'
    headers['Access-Control-Allow-Headers'] = 'Origin, X-Requested-With, Content-Type, Accept, Authorization'
end

# If this is a preflight OPTIONS request, then short-circuit the
# request, return only the necessary headers and return an empty
# text/plain.

def cors_preflight_check
    headers['Access-Control-Allow-Origin'] = '*'
    headers['Access-Control-Allow-Methods'] = 'POST, PUT, DELETE, GET, OPTIONS'
    headers['Access-Control-Request-Method'] = '*'
    headers['Access-Control-Allow-Headers'] = 'Origin, X-Requested-With, Content-Type, Accept, Authorization'
    render :text => '', :content_type => 'text/plain'
end

但我还是犯了错误。有人知道我怎么解决这个吗？

如果将模式:'no-cors'和添加到获取代码中，我可以发布数据，但不能检索数据。

Answer 1

将配置从config/cors.rb移动到config/initializers/cors.rb

config/initializers/中的所有文件都将在rails启动时加载。

此外，也可以通过Rails6的新特性来阻止不需要的主机。

  config.hosts.clear